From 24877d1d4afb87454c50ec50a73048e86581d5ee Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 19 Oct 2024 04:23:08 +0530
Subject: [PATCH] feat: tab border radius

---
 src/components/molecules/BrowserTabs.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/molecules/BrowserTabs.tsx b/src/components/molecules/BrowserTabs.tsx
index ef4e812b..a090ed72 100644
--- a/src/components/molecules/BrowserTabs.tsx
+++ b/src/components/molecules/BrowserTabs.tsx
@@ -46,7 +46,12 @@ export const BrowserTabs = (
               <Tab
                 key={`tab-${index}`}
                 id={`tab-${index}`}
-                sx={{ background: 'white' }}
+                sx={{ 
+                  background: 'white', 
+                  borderTopLeftRadius: index === 0 ? '20px' : 0,  // For the first tab
+                  borderTopRightRadius: index === tabs.length - 1 ? '20px' : 0, // For the last tab
+                  transition: 'border-radius 0.2s ease',
+                }}
                 icon={<CloseButton closeTab={() => {
                   tabWasClosed = true;
                   handleCloseTab(index);
@@ -65,7 +70,7 @@ export const BrowserTabs = (
           })}
         </Tabs>
       </Box>
-      <AddButton handleClick={handleAddNewTab} />
+      <AddButton handleClick={handleAddNewTab} style={{ background: 'white'}} />
     </Box>
   );
 }