fix: no-scrollbar for firefox (#10964)

apps/web/styles/globals.css

@@ -207,7 +207,6 @@ 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;
@@ -217,7 +216,6 @@ html.todesktop nav a svg{
     -ms-overflow-style: none; /* IE and Edge */
     scrollbar-width: none; /* Firefox */
   }
-  }
 }
 
 /*

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) => (