From f2aaf287eb92dbbd606865fe05c0a490d5584e07 Mon Sep 17 00:00:00 2001
From: Art <artur@vegaprotocol.io>
Date: Tue, 11 Oct 2022 21:07:17 +0200
Subject: [PATCH] fix: fixed horizontal scrollbars appearing when dialog is
 open (#1714)

---
 libs/ui-toolkit/src/components/ag-grid/ag-grid-dark.tsx  | 4 ++++
 libs/ui-toolkit/src/components/ag-grid/ag-grid-light.tsx | 6 +++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/libs/ui-toolkit/src/components/ag-grid/ag-grid-dark.tsx b/libs/ui-toolkit/src/components/ag-grid/ag-grid-dark.tsx
index 6b20758b3..9f0f80bc1 100644
--- a/libs/ui-toolkit/src/components/ag-grid/ag-grid-dark.tsx
+++ b/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;
diff --git a/libs/ui-toolkit/src/components/ag-grid/ag-grid-light.tsx b/libs/ui-toolkit/src/components/ag-grid/ag-grid-light.tsx
index 7d8ef784e..a5d1ef028 100644
--- a/libs/ui-toolkit/src/components/ag-grid/ag-grid-light.tsx
+++ b/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;