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 =