From 802311a06aa68af8270e8d8e75624dd7785bbc0d Mon Sep 17 00:00:00 2001
From: Anas Khafaga <anaskhafaga1810@gmail.com>
Date: Sat, 5 Oct 2024 17:45:48 +0300
Subject: [PATCH] fix: remove the extra margin on screens greater than medium
 size

---
 frontend/src/settings/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/settings/index.tsx b/frontend/src/settings/index.tsx
index ef5434aa..46687684 100644
--- a/frontend/src/settings/index.tsx
+++ b/frontend/src/settings/index.tsx
@@ -70,7 +70,7 @@ export default function Settings() {
             <img src={ArrowLeft} alt="left-arrow" className="h-6 w-6" />
           </button>
         </div>
-        <div className="flex flex-nowrap space-x-4 overflow-x-auto no-scrollbar md:space-x-8">
+        <div className="flex flex-nowrap space-x-4 overflow-x-auto no-scrollbar md:space-x-8 md:!mx-0">
           {tabs.map((tab, index) => (
             <button
               key={index}