From ad8aa5d5e305bbdf5b61bacbb3c5e52ea781469f Mon Sep 17 00:00:00 2001
From: Darren Boss <darren.boss@gov.bc.ca>
Date: Mon, 22 Jul 2024 14:29:57 -0700
Subject: [PATCH] Add header background

---
 web/src/features/fba/components/viz/FuelSummary.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/web/src/features/fba/components/viz/FuelSummary.tsx b/web/src/features/fba/components/viz/FuelSummary.tsx
index 4a8fada58..0a3e39c6c 100644
--- a/web/src/features/fba/components/viz/FuelSummary.tsx
+++ b/web/src/features/fba/components/viz/FuelSummary.tsx
@@ -27,6 +27,7 @@ interface FuelSummaryProps {
 const columns: GridColDef[] = [
   {
     field: 'code',
+    headerClassName: 'fuel-summary-header',
     headerName: 'Fuel Type',
     sortable: false,
     width: 75,
@@ -39,6 +40,7 @@ const columns: GridColDef[] = [
   {
     field: 'area',
     flex: 3,
+    headerClassName: 'fuel-summary-header',
     headerName: 'Distribution > 4k kW/m',
     minWidth: 200,
     sortable: false,
@@ -119,6 +121,9 @@ const FuelSummary = ({ fuelTypeInfo, selectedFireZoneUnit }: FuelSummaryProps) =
             overflow: 'hidden',
             '& .MuiDataGrid-columnHeaderTitle': {
               fontWeight: 'bold'
+            },
+            '& .fuel-summary-header': {
+              background: '#F1F1F1'
             }
           }}
         ></DataGridPro>