fix: group switch overflow on mobile

nezhahq · Nov 29, 2024 · 9c1d37c · 9c1d37c
1 parent 2f26d8b
commit 9c1d37c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/GroupSwitch.tsx b/src/components/GroupSwitch.tsx
@@ -11,7 +11,9 @@ export default function GroupSwitch({
   setCurrentTab: (tab: string) => void;
 }) {
   return (
-    <div className="z-50 flex flex-col items-start rounded-[50px]">
+    <div
+      className="scrollbar-hidden z-50 flex flex-col items-start overflow-x-scroll rounded-[50px]"
+    >
       <div className="flex items-center gap-1 rounded-[50px] bg-stone-100 p-[3px] dark:bg-stone-800">
         {tabs.map((tab: string) => (
           <div