From 1e34bd94ce4f83fd2dc68d564926219e2f79d9b0 Mon Sep 17 00:00:00 2001
From: Nikhil Bhatia <116085493+nikhilbhatia08@users.noreply.github.com>
Date: Thu, 12 Dec 2024 12:33:09 +0530
Subject: [PATCH] fixed leftnav scrollbar for chrome and safari when hovered
 (#10766)

---
 frontend/src/_styles/theme.scss | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/frontend/src/_styles/theme.scss b/frontend/src/_styles/theme.scss
index f058e8c974..e3e82394fd 100644
--- a/frontend/src/_styles/theme.scss
+++ b/frontend/src/_styles/theme.scss
@@ -4527,7 +4527,21 @@ input[type="text"] {
  * Folder List
  */
 .folder-list {
-  overflow-y: auto;
+  overflow-y: scroll;
+  scrollbar-width: thin;
+  scrollbar-color: #888 transparent;  
+  &:hover {
+    &::-webkit-scrollbar {
+      display: block;
+      width: 5px;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: #888;
+    }
+    &::-webkit-scrollbar-track {
+      background-color: transparent;
+    }
+  }
 
   .list-group-transparent .list-group-item.active {
     color: $primary;