From a50e9ccbc78e69ae3499db46a86388c49000fe60 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Fri, 31 Mar 2023 20:35:29 +0100
Subject: [PATCH] Fix overlapping long form text borders

---
 .../src/components/sheet/cells/LongFormCell.svelte           | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/frontend-core/src/components/sheet/cells/LongFormCell.svelte b/packages/frontend-core/src/components/sheet/cells/LongFormCell.svelte
index 1c9eaa06ca..b4c62cca4c 100644
--- a/packages/frontend-core/src/components/sheet/cells/LongFormCell.svelte
+++ b/packages/frontend-core/src/components/sheet/cells/LongFormCell.svelte
@@ -83,7 +83,7 @@
   textarea {
     padding: var(--cell-padding);
     margin: 0;
-    border: none;
+    border: 2px solid var(--spectrum-global-color-blue-400);
     background: var(--cell-background);
     font-size: var(--cell-font-size);
     font-family: var(--font-sans);
@@ -93,8 +93,7 @@
     left: -1px;
     width: calc(100% + 100px);
     height: calc(5 * var(--row-height) + 1px);
-    border: var(--cell-border);
-    box-shadow: inset 0 0 0 2px var(--spectrum-global-color-blue-400);
+    z-index: 1;
   }
   textarea.invert {
     transform: translateY(-100%);