From f7bbf7fc7e37467aaa8285d21bb872e0e2274a6a Mon Sep 17 00:00:00 2001
From: Alec Blance <17378596+AlecBlance@users.noreply.github.com>
Date: Sun, 20 Oct 2024 07:44:36 +0800
Subject: [PATCH] style: :lipstick: reserve space for scrollbar

---
 src/App.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index 4b94508..5cb571d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -66,7 +66,10 @@ function App() {
           </div>
         </div>
         <Separator />
-        <div className="grow overflow-y-auto">
+        <div
+          className="grow overflow-y-auto"
+          style={{ scrollbarGutter: "stable" }}
+        >
           {types.map((type) => {
             return (
               <TabBuckets