Border fix

bcgov · Feb 28, 2024 · 354c7a2 · 354c7a2
1 parent 11d4c49
commit 354c7a2
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/web/src/features/moreCast2/components/ForecastDataGrid.tsx b/web/src/features/moreCast2/components/ForecastDataGrid.tsx
@@ -46,7 +46,9 @@ const Root = styled('div')(() => {
   Object.keys(MORECAST_MODEL_COLORS).forEach(key => {
     styles[`& .${key}`] = {
       backgroundColor: MORECAST_MODEL_COLORS[key as keyof MoreCastModelColors].bg,
-      borderRightColor: MORECAST_MODEL_COLORS[key as keyof MoreCastModelColors].border
+      borderRight: 'solid',
+      // Ugly override, tried to avoid, but MUI overwrites border with it's own otherwise
+      borderRightColor: `${MORECAST_MODEL_COLORS[key as keyof MoreCastModelColors].border} !important`
     }
     styles[`& .${key}-header`] = {
       backgroundColor: MORECAST_MODEL_COLORS[key as keyof MoreCastModelColors].bg,
@@ -106,8 +108,6 @@ const ForecastDataGrid = ({
   return (
     <Root className={classes.root} data-testid={`morecast2-data-grid`}>
       <DataGrid
-        showCellVerticalBorder
-        showColumnVerticalBorder
         columnVisibilityModel={columnVisibilityModel}
         onColumnVisibilityModelChange={newModel => setColumnVisibilityModel(newModel)}
         columnGroupingModel={columnGroupingModel}