fix: fixed horizontal scrollbars appearing when dialog is open (#1714)

libs/ui-toolkit/src/components/ag-grid/ag-grid-dark.tsx

@@ -17,6 +17,10 @@ const agGridDarkVariables = `
   .ag-theme-balham-dark .ag-root-wrapper {
     border: 0;
   }
+  
+  .ag-theme-balham-dark .ag-row {
+    border-width: 1px 0;
+  }
 
   .ag-theme-balham-dark .ag-react-container {
     overflow: hidden;

libs/ui-toolkit/src/components/ag-grid/ag-grid-light.tsx

@@ -4,7 +4,7 @@ import 'ag-grid-community/dist/styles/ag-theme-balham.css';
 
 const agGridLightVariables = `
   .ag-theme-balham {
-    --ag-background-color: ${colors};
+    --ag-background-color: ${colors.white};
     --ag-border-color: ${colors.neutral[300]};
     --ag-header-background-color: ${colors.white};
     --ag-odd-row-background-color: ${colors.white};
@@ -18,6 +18,10 @@ const agGridLightVariables = `
     border: 0;
   }
 
+  .ag-theme-balham .ag-row {
+    border-width: 1px 0;
+  }
+
   .ag-theme-balham .ag-react-container {
     overflow: hidden;
     text-overflow: ellipsis;