From 1695842b19ef4e28de78363dec8b7f496c08ae2a Mon Sep 17 00:00:00 2001
From: Aditya <raghavbhai4545@gmail.com>
Date: Sat, 19 Aug 2023 01:21:00 +0530
Subject: [PATCH] [ENG-976] Fixed Missing scrollbar in the Explorer (#1228)

* fixed scroller in the `Explorer`

* Update style.scss

---------

Co-authored-by: Utku <74243531+utkubakir@users.noreply.github.com>
---
 interface/app/$libraryId/Explorer/index.tsx | 2 +-
 interface/app/style.scss                    | 9 ++-------
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/interface/app/$libraryId/Explorer/index.tsx b/interface/app/$libraryId/Explorer/index.tsx
index 7c5a1d974..a9efb45d0 100644
--- a/interface/app/$libraryId/Explorer/index.tsx
+++ b/interface/app/$libraryId/Explorer/index.tsx
@@ -44,7 +44,7 @@ export default function Explorer(props: PropsWithChildren<Props>) {
 				<div className="flex-1 overflow-hidden">
 					<div
 						ref={explorer.scrollRef}
-						className="custom-scroll explorer-scroll relative h-screen overflow-x-hidden"
+						className="explorer-scroll relative h-screen overflow-x-hidden overflow-y-auto"
 						style={{
 							paddingTop: TOP_BAR_HEIGHT,
 							paddingRight: explorerStore.showInspector ? INSPECTOR_WIDTH : 0
diff --git a/interface/app/style.scss b/interface/app/style.scss
index 7bb6a9100..06d37512c 100644
--- a/interface/app/style.scss
+++ b/interface/app/style.scss
@@ -60,19 +60,14 @@ body {
 		width: 6px;
 	}
 	&::-webkit-scrollbar-track {
-		@apply mt-[46px] rounded-[6px] bg-[#00000000];
+		@apply mt-[46px] rounded-[6px] bg-transparent;
 	}
 	&::-webkit-scrollbar-thumb {
-		@apply rounded-[6px] bg-transparent;
+		@apply rounded-[6px] bg-app-box;
 	}
 	&::-webkit-scrollbar-corner {
 		background-color: transparent;
 	}
-	&:hover {
-		&::-webkit-scrollbar-thumb {
-			@apply bg-app-divider/20;
-		}
-	}
 }
 .default-scroll {
 	&::-webkit-scrollbar {