Remove custom overrides from device grid theme

Data/Server/WebUI/src/Devices/Device_List.jsx

@@ -198,10 +198,7 @@ export default function DeviceList({
   const [repoHash, setRepoHash] = useState(null);
   const lastRepoFetchRef = useRef(0);
 
-  const gridWrapperClass = useMemo(
+  const gridWrapperClass = themeClassName;
-    () => `${themeClassName} borealis-device-grid`,
-    [themeClassName]
-  );
 
   const fetchLatestRepoHash = useCallback(async (options = {}) => {
     const { force = false } = options || {};
@@ -1086,33 +1083,8 @@ export default function DeviceList({
             width: "100%",
             height: 600,
             minHeight: 400,
-            bgcolor: "#111822",
-            borderRadius: 1,
-            "& .ag-root-wrapper, & .ag-header, & .ag-cell": {
-              fontFamily: '"IBM Plex Sans", sans-serif',
-            },
             "& .ag-root-wrapper": {
               borderRadius: 1,
-              border: "1px solid rgba(255, 255, 255, 0.08)",
-              boxShadow: "0 0 0 1px rgba(0, 0, 0, 0.35)",
-            },
-            "& .ag-header": {
-              borderBottom: "1px solid rgba(255, 255, 255, 0.1)",
-            },
-            "& .ag-row": {
-              borderColor: "rgba(255, 255, 255, 0.04)",
-            },
-            "& .ag-row-hover": {
-              backgroundColor: "rgba(88, 166, 255, 0.08) !important",
-            },
-            "& .ag-row-selected": {
-              backgroundColor: "rgba(255, 166, 255, 0.12) !important",
-            },
-            "& .ag-header-cell-text": {
-              fontWeight: 600,
-            },
-            "& .ag-paging-panel": {
-              borderTop: "1px solid rgba(255, 255, 255, 0.08)",
             },
           }}
         >
@@ -1131,6 +1103,7 @@ export default function DeviceList({
             onGridReady={handleGridReady}
             getRowId={getRowId}
             theme={myTheme}
+            style={{ width: "100%", height: "100%" }}
           />
         </Box>
       </Box>