From 37ac67f77abeeb083f3c760c39ac1ac2902cb1ec Mon Sep 17 00:00:00 2001
From: Aryan Kothari <personal@aryankothari.dev>
Date: Tue, 26 Dec 2023 05:42:53 +0000
Subject: [PATCH] Adjust header style to remove horizontal scrollbar and enable
 mouse horizontal scroll

---
 frontend/app/components/header/header.module.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/app/components/header/header.module.scss b/frontend/app/components/header/header.module.scss
index 939cb1ba..48055e5b 100644
--- a/frontend/app/components/header/header.module.scss
+++ b/frontend/app/components/header/header.module.scss
@@ -4,12 +4,18 @@
 
 .navbar {
   @apply bg-gray-300 w-full overflow-x-auto flex whitespace-nowrap;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
 
   ul {
     @apply flex list-none space-x-4;
   }
 
   ul > li {
-    @apply p-3 hover:bg-gray-400 transition duration-100 ease-in-out;
+    @apply hover:bg-gray-400 transition duration-100 ease-in-out;
   }
 }
+
+.navbar::-webkit-scrollbar{
+  display: none;
+}