From 70b71fa70e679930108656ccf1350b095f0b5ecf Mon Sep 17 00:00:00 2001
From: Cooper Ransom <cooperransom08@outlook.com>
Date: Wed, 3 Apr 2024 20:32:03 -0400
Subject: [PATCH] Fix silly shifting when hoving a catogory (i cant spel :3)

---
 src/assets/css/index.css | 4 +++-
 src/pages/Discover.tsx   | 6 ------
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 5b42a899..a6ab3c2e 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -7,7 +7,9 @@ body {
   @apply bg-background-main font-main text-type-text;
   min-height: 100vh;
   min-height: 100dvh;
-  font-size: 1.0235em; 
+  font-size: 1.0235em;
+  scrollbar-width: none; /* Hide scrollbar for Firefox */
+  -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
 }
 
 html[data-full],
diff --git a/src/pages/Discover.tsx b/src/pages/Discover.tsx
index 3d560ba7..a8b5e709 100644
--- a/src/pages/Discover.tsx
+++ b/src/pages/Discover.tsx
@@ -242,12 +242,6 @@ export function Discover() {
     setIsHovered(false);
   };
 
-  useEffect(() => {
-    return () => {
-      document.documentElement.style.scrollbarWidth = "none";
-    };
-  }, []);
-
   function renderMovies(medias: Media[], category: string, isTVShow = false) {
     const categorySlug = category.toLowerCase().replace(/ /g, "-"); // Convert the category to a slug
     const displayCategory =