From 8c7a22378c68338c05b8b47390eaa5ec9eefa31b Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Thu, 2 Jan 2025 16:04:16 +0100
Subject: [PATCH] Fix scroll-bar in the mods slide view

---
 .../slides/mods/mods-slide.component.tsx       |  2 +-
 src/renderer/index.css                         | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/version-viewer/slides/mods/mods-slide.component.tsx b/src/renderer/components/version-viewer/slides/mods/mods-slide.component.tsx
index d42f6bcd..7be1051d 100644
--- a/src/renderer/components/version-viewer/slides/mods/mods-slide.component.tsx
+++ b/src/renderer/components/version-viewer/slides/mods/mods-slide.component.tsx
@@ -184,7 +184,7 @@ export function ModsSlide({ version, onDisclamerDecline }: { version: BSVersion;
         }
         return (
             <>
-                <div className="grow overflow-scroll w-full min-h-0 scrollbar-thin scrollbar-thumb-neutral-900 scrollbar-thumb-rounded-full">
+                <div className="grow overflow-y-scroll w-full min-h-0 scrollbar-default p-0 m-0">
                     <ModsGrid modsMap={modsAvailable} installed={modsInstalled} modsSelected={modsSelected} onModChange={handleModChange} moreInfoMod={moreInfoMod} onWantInfos={handleMoreInfo} unselectAllMods={unselectAllMods} />
                 </div>
                 <div className="h-10 shrink-0 flex items-center justify-between px-3">
diff --git a/src/renderer/index.css b/src/renderer/index.css
index 163b480b..9951920c 100644
--- a/src/renderer/index.css
+++ b/src/renderer/index.css
@@ -132,3 +132,21 @@
         background-position: 0 0%;
     }
 }
+
+.scrollbar-default {
+
+
+    &::-webkit-scrollbar {
+        width: 4px;
+        height: 4px;
+    }
+
+    &::-webkit-scrollbar-track {
+        background-color: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background-color: rgb(23 23 23 / var(--tw-bg-opacity));
+        border-radius: 999px;
+      }
+}