Tweak line height value (#1592)

SeedCompany · Oct 2, 2024 · 67d4686 · 67d4686
1 parent a555d1e
commit 67d4686
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/scenes/Dashboard/ProgressReportsWidget/ProgressReportsExpandedGrid.tsx b/src/scenes/Dashboard/ProgressReportsWidget/ProgressReportsExpandedGrid.tsx
@@ -30,13 +30,12 @@ const COLLAPSED_ROW_HEIGHT = 54;
 const NonExpansionCell = ({ formattedValue }: GridRenderCellParams) => (
   <Box
     sx={{
-      '--height': `${COLLAPSED_ROW_HEIGHT}px`,
       // Causes row to grow by 1px on row height auto
       // Shift the 1px to padding to prevent.
-      height: 'calc(var(--height) - 1px)',
+      height: COLLAPSED_ROW_HEIGHT - 1,
       pt: '1px',
-      // This is exactly what MUI does when not auto height
-      lineHeight: 'calc(var(--height) - 1px)',
+      // Text shifts by a pixel without this - any value works
+      lineHeight: 1,
 
       display: 'flex',
       alignItems: 'center',