diff --git a/client/src/index.css b/client/src/index.css
index 242a934..fdab698 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -2,28 +2,30 @@
 @tailwind components;
 @tailwind utilities;
 
-/* Hide ALL scrollbars globally - especially for mobile */
-* {
-  scrollbar-width: none !important;
-  -ms-overflow-style: none !important;
-}
+/* Hide scrollbars only on mobile devices */
+@media (max-width: 768px) {
+  * {
+    scrollbar-width: none !important;
+    -ms-overflow-style: none !important;
+  }
 
-*::-webkit-scrollbar {
-  display: none !important;
-  width: 0 !important;
-  height: 0 !important;
-}
+  *::-webkit-scrollbar {
+    display: none !important;
+    width: 0 !important;
+    height: 0 !important;
+  }
 
-html, body {
-  scrollbar-width: none !important;
-  -ms-overflow-style: none !important;
-}
+  html, body {
+    scrollbar-width: none !important;
+    -ms-overflow-style: none !important;
+  }
 
-html::-webkit-scrollbar,
-body::-webkit-scrollbar {
-  display: none !important;
-  width: 0 !important;
-  height: 0 !important;
+  html::-webkit-scrollbar,
+  body::-webkit-scrollbar {
+    display: none !important;
+    width: 0 !important;
+    height: 0 !important;
+  }
 }
 
 :root {