From 7f25f7280b7216410530c221a29c996737e681a2 Mon Sep 17 00:00:00 2001
From: Emmanuel Onah <37575223+emmanuelonah@users.noreply.github.com>
Date: Fri, 17 Jan 2025 23:56:42 +0100
Subject: [PATCH] update: hide visible scrollbar

---
 client/src/design-system/global-styles.ts | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/client/src/design-system/global-styles.ts b/client/src/design-system/global-styles.ts
index c1fa5ec..4a695ad 100644
--- 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};