From e538fec7c7e787d74618ab46557ccd157566b63f Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Thu, 29 Aug 2024 14:47:16 +0200
Subject: [PATCH] improve sidebar scrollbars for firefox

---
 resources/js/Layouts/AppLayout.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/resources/js/Layouts/AppLayout.vue b/resources/js/Layouts/AppLayout.vue
index d91187bc..b32caa0f 100644
--- a/resources/js/Layouts/AppLayout.vue
+++ b/resources/js/Layouts/AppLayout.vue
@@ -77,7 +77,11 @@ const page = usePage<{
                 '!flex bg-default-background w-full z-[9999999999]':
                     showSidebarMenu,
             }"
-            class="flex-shrink-0 h-screen hidden fixed w-[230px] 2xl:w-[250px] px-2.5 2xl:px-4 py-4 sm:flex flex-col justify-between overflow-y-scroll">
+            class="flex-shrink-0 h-screen hidden fixed w-[230px] 2xl:w-[250px] px-2.5 2xl:px-4 py-4 sm:flex flex-col justify-between overflow-y-scroll"
+            style="
+                scrollbar-width: thin;
+                scrollbar-color: var(--color-bg-primary) transparent;
+            ">
             <div>
                 <div
                     class="border-b border-default-background-separator pb-2 flex justify-between">