From 3b9cff561df38472680b80a4c2fbb342b8ca1895 Mon Sep 17 00:00:00 2001
From: Ehsan <ehsanahmadi8338@gmail.com>
Date: Thu, 3 Oct 2024 16:45:32 +0330
Subject: [PATCH] change space between button of tabs

---
 app/component/Tabs.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/app/component/Tabs.js b/app/component/Tabs.js
index 2224c6d..d611d07 100644
--- a/app/component/Tabs.js
+++ b/app/component/Tabs.js
@@ -25,10 +25,19 @@ function Tabs({ value, handleChange, listTab, isSm, style }) {
             key={idx}
             label={item}
             {...a11yProps(idx)}
+            sx={{
+              "&.MuiButtonBase-root": {
+                width: "fit-content !important",
+                minWidth: "fit-content !important",
+              },
+              "&.MuiButtonBase-root:first-child": {
+                marginLeft: "9px !important",
+              },
+            }}
             className={`
-                            text-[#495057] !p-1 !text-[14px] md:!text-[16px] !font-bold
-                            ${isSm ? "!w-1/2 !m-0" : "!mr-2"}
-                        `}
+              text-[#495057] !p-1 !text-[14px] md:!text-[16px] !font-bold
+              ${isSm ? "!w-1/2 !m-0" : "!mr-[38px]"}
+            `}
           />
         ))}
       </TabsMUI>