From 87665747bcf41449ff86f88cb7c4d459e4a52e50 Mon Sep 17 00:00:00 2001
From: Le Roux Bodenstein <lerouxb@gmail.com>
Date: Tue, 24 Sep 2024 16:01:50 +0100
Subject: [PATCH] chore: don't wrap the indexes table header cells (#6276)

Don't wrap the indexes table header cells
---
 .../src/components/indexes-table/indexes-table.tsx            | 4 ++--
 1 file changed, 2 insertions(+), 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
index ff6fc876476..4546db7687e 100644
--- 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 (