From b4f0bba7e614416b6e2d30a32d28d0a11cdef28f Mon Sep 17 00:00:00 2001
From: minnakt <minna.kt@mongodb.com>
Date: Mon, 9 Oct 2023 17:51:48 -0400
Subject: [PATCH] Feedback & unset max-height in `BaseTable`

---
 src/components/Table/BaseTable.tsx          | 12 +++++++++++-
 src/pages/version/ParametersModal/index.tsx |  4 +---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/Table/BaseTable.tsx b/src/components/Table/BaseTable.tsx
index e18f0805c6..dd284caa4e 100644
--- a/src/components/Table/BaseTable.tsx
+++ b/src/components/Table/BaseTable.tsx
@@ -1,3 +1,4 @@
+import { css } from "@leafygreen-ui/emotion";
 import {
   Cell,
   ExpandedContent,
@@ -43,7 +44,16 @@ export const BaseTable = <T extends LGRowData>({
       </TableHead>
       <TableBody>
         {table.getRowModel().rows.map((row) => (
-          <Row key={row.id} row={row} data-cy={dataCyRow}>
+          <Row
+            key={row.id}
+            row={row}
+            data-cy={dataCyRow}
+            className={css`
+              &[aria-hidden="false"] td > div {
+                max-height: unset;
+              }
+            `}
+          >
             {row.getVisibleCells().map((cell) => (
               <Cell key={cell.id}>
                 {flexRender(cell.column.columnDef.cell, cell.getContext())}
diff --git a/src/pages/version/ParametersModal/index.tsx b/src/pages/version/ParametersModal/index.tsx
index f0c5ab1a04..b61223e348 100644
--- a/src/pages/version/ParametersModal/index.tsx
+++ b/src/pages/version/ParametersModal/index.tsx
@@ -42,7 +42,7 @@ export const ParametersModal: React.FC<ParametersProps> = ({ parameters }) => {
         title="Patch Parameters"
       >
         <OverflowContainer>
-          <BaseTable table={table} />
+          <BaseTable table={table} shouldAlternateRowColor />
         </OverflowContainer>
       </DisplayModal>
     </>
@@ -58,11 +58,9 @@ const columns: LGColumnDef<Parameter>[] = [
   {
     accessorKey: "key",
     header: "Key",
-    cell: (value) => value.getValue(),
   },
   {
     accessorKey: "value",
     header: "Value",
-    cell: (value) => value.getValue(),
   },
 ];