From c16b020f22efe9660fb1bda5e727889ec02a5934 Mon Sep 17 00:00:00 2001
From: Gamosoft <gamosoft@users.noreply.github.com>
Date: Wed, 11 Mar 2026 16:26:16 +0100
Subject: [PATCH] see if this makes it work

---
 frontend/index.html | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index c72c5c3..7d862f3 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -626,19 +626,24 @@
             background-color: var(--bg-primary);
             z-index: 0;
         }
-        /* Invisible scrollbar that takes same space as textarea */
+        /* Invisible scrollbar that takes EXACT same space as textarea */
         .syntax-overlay::-webkit-scrollbar {
             width: 12px;
+            height: 12px;
             background: transparent;
         }
+        .syntax-overlay::-webkit-scrollbar-track {
+            background: var(--bg-tertiary); /* MUST match textarea track */
+        }
         .syntax-overlay::-webkit-scrollbar-thumb {
             background: transparent;
+            border-radius: 6px;
+            border: 2px solid transparent; /* MUST match textarea's 2px border */
         }
-        /* Firefox */
-        @supports (scrollbar-color: auto) {
-            .syntax-overlay {
-                scrollbar-color: transparent transparent;
-            }
+        /* Firefox - MUST match textarea's scrollbar-width: thin */
+        .syntax-overlay {
+            scrollbar-width: thin;
+            scrollbar-color: transparent var(--bg-tertiary);
         }
         
         /* Zen Mode Styles */