From 8bd0aa43bc5df6448f8e0f533fad7a29d3c88643 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sat, 16 Mar 2024 15:19:51 -0400
Subject: [PATCH] fix: Minor fix to table scroll styles

---
 shared/editor/components/Styles.ts | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/shared/editor/components/Styles.ts b/shared/editor/components/Styles.ts
index b52889458..d200028b3 100644
--- a/shared/editor/components/Styles.ts
+++ b/shared/editor/components/Styles.ts
@@ -1430,32 +1430,33 @@ table {
   overflow-x: auto;
   padding-${props.rtl ? "right" : "left"}: 1em;
   margin-${props.rtl ? "right" : "left"}: -1em;
-  border-${props.rtl ? "right" : "left"}: 1px solid transparent;
-  border-${props.rtl ? "left" : "right"}: 1px solid transparent;
   transition: border 250ms ease-in-out 0s;
 }
 
 .scrollable-shadow {
   position: absolute;
-  top: 0;
+  top: 16px;
   bottom: 0;
   ${props.rtl ? "right" : "left"}: -1em;
   width: 32px;
   z-index: 1;
   transition: box-shadow 250ms ease-in-out;
   border: 0px solid transparent;
-  border-${props.rtl ? "right" : "left"}-width: 1em;
   pointer-events: none;
 
   &.left {
-    box-shadow: 16px 0 16px -16px inset rgba(0, 0, 0, 0.25);
+    box-shadow: 16px 0 16px -16px inset rgba(0, 0, 0, ${
+      props.theme.isDark ? 1 : 0.25
+    });
     border-left: 1em solid ${props.theme.background};
   }
 
   &.right {
     right: 0;
     left: auto;
-    box-shadow: -16px 0 16px -16px inset rgba(0, 0, 0, 0.25);
+    box-shadow: -16px 0 16px -16px inset rgba(0, 0, 0, ${
+      props.theme.isDark ? 1 : 0.25
+    });
   }
 }