From cdd0088a7f1d1978b6fa84c7bd2ab12636214227 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Sun, 13 Oct 2024 12:10:01 +0000
Subject: [PATCH] fix(web): Fix settings tab overflow on mobile layouts

---
 apps/web/app/dashboard/settings/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/app/dashboard/settings/page.tsx b/apps/web/app/dashboard/settings/page.tsx
index c116fb86..11883d55 100644
--- a/apps/web/app/dashboard/settings/page.tsx
+++ b/apps/web/app/dashboard/settings/page.tsx
@@ -13,7 +13,7 @@ export default async function Settings() {
       orientation="horizontal"
       className="flex flex-col gap-1"
     >
-      <TabsList className="flex justify-start">
+      <TabsList className="flex justify-start overflow-x-auto overflow-y-hidden">
         <TabsTrigger className="flex items-center gap-2 p-3" value="info">
           <User className="size-4" />
           User Info