Merge pull request #974 from rishavd3v/fix/table-header

Fix: table header - issue#963

Client/src/Components/BasicTable/index.css

@@ -120,7 +120,7 @@
   opacity: 0.4;
 }
 
-.monitors .MuiTable-root .MuiTableHead-root .MuiTableCell-root {
+.table-container .MuiTable-root .MuiTableHead-root .MuiTableCell-root {
   text-transform: uppercase;
   opacity: 0.8;
   font-size: var(--env-var-font-size-small-plus);

Client/src/Components/TabPanels/Account/TeamPanel.jsx

@@ -223,6 +223,7 @@ const TeamPanel = () => {
 
   return (
     <TabPanel
+      className="team-panel table-container"
       value="team"
       sx={{
         "& h1": {

Client/src/Pages/Incidents/index.jsx

@@ -61,7 +61,7 @@ const Incidents = () => {
   };
 
   return (
-    <Stack className="incidents" pt={theme.spacing(6)} gap={theme.spacing(12)}>
+    <Stack className="incidents table-container" pt={theme.spacing(6)} gap={theme.spacing(12)}>
       {loading ? (
         <SkeletonLayout />
       ) : (

Client/src/Pages/Maintenance/index.jsx

@@ -46,7 +46,7 @@ const Maintenance = ({ isAdmin }) => {
 
   return (
     <Box
-      className="maintenance"
+      className="maintenance table-container"
       sx={{
         ':has(> [class*="fallback__"])': {
           position: "relative",

Client/src/Pages/Monitors/Home/index.jsx

@@ -45,7 +45,7 @@ const Monitors = ({ isAdmin }) => {
     monitorState?.monitorsSummary?.monitors?.length === 0;
 
   return (
-    <Stack className="monitors" gap={theme.spacing(8)}>
+    <Stack className="monitors table-container" gap={theme.spacing(8)}>
       {loading ? (
         <SkeletonLayout />
       ) : (