From 6a22d75caac4ce8356860327645d63b22e64024a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Omar=20L=C3=B3pez?= <zomars@me.com>
Date: Mon, 4 Sep 2023 05:13:32 -0700
Subject: [PATCH] fix: no-scrollbar for firefox (#10964)

---
 apps/web/styles/globals.css                      | 16 +++++++---------
 .../navigation/tabs/HorizontalTabs.tsx           |  2 +-
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/apps/web/styles/globals.css b/apps/web/styles/globals.css
index 0fc2b6eedf..4e09978ccd 100644
--- a/apps/web/styles/globals.css
+++ b/apps/web/styles/globals.css
@@ -207,16 +207,14 @@ html.todesktop nav a svg{
     https://github.com/tailwindlabs/tailwindcss/pull/5732
 */
 @layer utilities {
-  @layer responsive {
-    /* Chrome, Safari and Opera */
-    .no-scrollbar::-webkit-scrollbar {
-      display: none;
-    }
+  /* Chrome, Safari and Opera */
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
 
-    .no-scrollbar {
-      -ms-overflow-style: none; /* IE and Edge */
-      scrollbar-width: none; /* Firefox */
-    }
+  .no-scrollbar {
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
   }
 }
 
diff --git a/packages/ui/components/navigation/tabs/HorizontalTabs.tsx b/packages/ui/components/navigation/tabs/HorizontalTabs.tsx
index b38251f06d..afbb6bbb26 100644
--- a/packages/ui/components/navigation/tabs/HorizontalTabs.tsx
+++ b/packages/ui/components/navigation/tabs/HorizontalTabs.tsx
@@ -12,7 +12,7 @@ const HorizontalTabs = function ({ tabs, linkShallow, linkScroll, actions, ...pr
   return (
     <div className="mb-4 h-9 max-w-full lg:mb-5">
       <nav
-        className="no-scrollbar flex max-h-9 space-x-1 overflow-scroll rounded-md"
+        className="no-scrollbar flex max-h-9 space-x-1 overflow-x-scroll rounded-md"
         aria-label="Tabs"
         {...props}>
         {tabs.map((tab, idx) => (