From bba0568fc152f75c07d62a369d3f52a1d0548188 Mon Sep 17 00:00:00 2001
From: Basit <baasit121@icloud.com>
Date: Fri, 13 Oct 2023 22:01:32 +0200
Subject: [PATCH 1/2] column widths

---
 .../src/components/indexes-table/indexes-table.tsx     | 10 ++++++++--
 .../search-indexes-table/search-indexes-table.tsx      |  6 ++++++
 2 files changed, 14 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 885a2a967ce..6508adbfd14 100644
--- a/packages/compass-indexes/src/components/indexes-table/indexes-table.tsx
+++ b/packages/compass-indexes/src/components/indexes-table/indexes-table.tsx
@@ -36,6 +36,11 @@ const indexActionsCellStyles = css({
   minWidth: spacing[5],
 });
 
+const indexActionsCellContainerStyles = css({
+  display: 'flex',
+  justifyContent: 'flex-end',
+});
+
 const tableHeaderStyles = css({
   borderWidth: 0,
   borderBottomWidth: 3,
@@ -78,6 +83,7 @@ type IndexInfo = {
     key?: string;
     'data-testid': string;
     children: React.ReactNode;
+    className?: string;
   }[];
   actions?: React.ReactNode;
   details?: React.ReactNode;
@@ -185,7 +191,7 @@ export function IndexesTable<Column extends string>({
                     <Cell
                       key={field.key ?? `${info.key}-${index}`}
                       data-testid={`${dataTestId}-${field['data-testid']}`}
-                      className={cellStyles}
+                      className={cx(cellStyles, field.className)}
                     >
                       {field.children}
                     </Cell>
@@ -195,7 +201,7 @@ export function IndexesTable<Column extends string>({
                 {canModifyIndex && (
                   <Cell
                     data-testid={`${dataTestId}-actions-field`}
-                    className={cellStyles}
+                    className={cx(cellStyles, indexActionsCellContainerStyles)}
                   >
                     {info.actions && (
                       <div
diff --git a/packages/compass-indexes/src/components/search-indexes-table/search-indexes-table.tsx b/packages/compass-indexes/src/components/search-indexes-table/search-indexes-table.tsx
index abbe2beaea7..beee9b84354 100644
--- a/packages/compass-indexes/src/components/search-indexes-table/search-indexes-table.tsx
+++ b/packages/compass-indexes/src/components/search-indexes-table/search-indexes-table.tsx
@@ -202,10 +202,16 @@ export const SearchIndexesTable: React.FunctionComponent<
       fields: [
         {
           'data-testid': 'name-field',
+          className: css({
+            width: '30%',
+          }),
           children: index.name,
         },
         {
           'data-testid': 'status-field',
+          className: css({
+            width: '20%',
+          }),
           children: (
             <IndexStatus
               status={index.status}

From b67ed339c3ccb546140ef048b28b589cb3266a5f Mon Sep 17 00:00:00 2001
From: Basit <baasit121@icloud.com>
Date: Fri, 13 Oct 2023 22:09:59 +0200
Subject: [PATCH 2/2] bootstrap

---
 package-lock.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index 9a87280b5c5..95392a83548 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -58298,7 +58298,7 @@
         "@leafygreen-ui/hooks": "^7.3.3",
         "@leafygreen-ui/icon": "^11.21.0",
         "@leafygreen-ui/icon-button": "^15.0.3",
-        "@leafygreen-ui/info-sprinkle": "*",
+        "@leafygreen-ui/info-sprinkle": "^1.0.0",
         "@leafygreen-ui/inline-definition": "^6.0.0",
         "@leafygreen-ui/leafygreen-provider": "^3.1.0",
         "@leafygreen-ui/lib": "^10.0.0",