From 2e7a84d19c8d8aa0cd6125e5149ba93fdb31b30a Mon Sep 17 00:00:00 2001
From: Abhimanyu Rajeesh <63541653+abhimanyurajeesh@users.noreply.github.com>
Date: Thu, 6 Mar 2025 09:47:45 +0530
Subject: [PATCH] Fix: Unwanted Horizontal Scroll on Facility Settings Page
 (#11045)

---
 src/pages/Facility/settings/layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Facility/settings/layout.tsx b/src/pages/Facility/settings/layout.tsx
index c92dec3537d..a3b037b0b9c 100644
--- a/src/pages/Facility/settings/layout.tsx
+++ b/src/pages/Facility/settings/layout.tsx
@@ -90,12 +90,12 @@ export function SettingsLayout({ facilityId }: SettingsLayoutProps) {
   return (
     <div className="container mx-auto p-4">
       <Tabs defaultValue={currentTab} className="w-full" value={currentTab}>
-        <TabsList className="w-full justify-start border-b bg-transparent p-0 h-auto">
+        <TabsList className="w-full justify-evenly sm:justify-start border-b bg-transparent p-0 h-auto">
           {settingsTabs.map((tab) => (
             <Link key={tab.value} href={tab.href}>
               <TabsTrigger
                 value={tab.value}
-                className="border-b-2 border-transparent px-4 py-2 text-gray-600 hover:text-gray-900 data-[state=active]:border-primary-500 data-[state=active]:bg-transparent data-[state=active]:shadow-none rounded-none"
+                className="border-b-2 border-transparent px-2 sm:px-4 py-2 text-gray-600 hover:text-gray-900 data-[state=active]:border-primary-500 data-[state=active]:bg-transparent data-[state=active]:shadow-none rounded-none"
               >
                 {tab.label}
               </TabsTrigger>