Don't wrap the indexes table header cells

mongodb-js · Sep 24, 2024 · c6a6e2d · c6a6e2d
1 parent cd91aec
commit c6a6e2d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/compass-indexes/src/components/indexes-table/indexes-table.tsx b/packages/compass-indexes/src/components/indexes-table/indexes-table.tsx
@@ -18,7 +18,6 @@ import {
 import type {
   LGColumnDef,
   LGTableDataType,
-  HeaderGroup,
   LeafyGreenTableCell,
   LeafyGreenTableRow,
   SortingState,
@@ -76,6 +75,7 @@ const tableHeadDarkModeStyles = css({
 });
 
 const tableHeadCellStyles = css({
+  whiteSpace: 'nowrap',
   '> div': {
     // Push the sort button to the right of the head cell.
     justifyContent: 'space-between',
@@ -126,7 +126,7 @@ export function IndexesTable<T>({
           isSticky
           className={cx(tableHeadStyles, darkMode && tableHeadDarkModeStyles)}
         >
-          {table.getHeaderGroups().map((headerGroup: HeaderGroup<T>) => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <HeaderRow key={headerGroup.id}>
               {headerGroup.headers.map((header) => {
                 return (