update: hide visible scrollbar

emmanuelonah · Jan 17, 2025 · 7f25f72 · 7f25f72
1 parent 1876af1
commit 7f25f72
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/client/src/design-system/global-styles.ts b/client/src/design-system/global-styles.ts
@@ -37,6 +37,17 @@ const GlobalStyles = createGlobalStyle<Theme>`
         box-sizing: border-box;
     }
 
+    /* Hide scrollbar for Chrome, Safari and Opera */
+    ::-webkit-scrollbar {
+    display: none;
+    }
+
+    /* Hide scrollbar for IE, Edge and Firefox */
+    html {
+    -ms-overflow-style: none;  /* IE and Edge */
+    scrollbar-width: none;  /* Firefox */
+    }
+
     html, body {
         font-family: ${({ theme }) => theme.typography.fontFamilies.primary};
         font-size: ${({ theme }) => theme.typography.bodyText.fontSize};