From 8eeee3a159f02354270a0c00902e78d29490e940 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Mon, 28 Oct 2024 18:47:17 +0530
Subject: [PATCH] feat: align tabs

---
 src/components/organisms/MainMenu.tsx | 61 ++++++++++++++++++++-------
 1 file changed, 45 insertions(+), 16 deletions(-)

diff --git a/src/components/organisms/MainMenu.tsx b/src/components/organisms/MainMenu.tsx
index 8d2cc653..f8f7fc79 100644
--- a/src/components/organisms/MainMenu.tsx
+++ b/src/components/organisms/MainMenu.tsx
@@ -37,23 +37,52 @@ export const MainMenu = ({ value = 'recordings', handleChangeContent }: MainMenu
           textColor="primary"
           indicatorColor="primary"
           orientation="vertical"
+          sx={{ alignItems: 'flex-start' }}
         >
-          <Tab sx={{
-            alignItems: 'baseline',
-            fontSize: 'medium',
-          }} value="recordings" label="Robots" icon={<AutoAwesome />} iconPosition="start" />
-          <Tab sx={{
-            alignItems: 'baseline',
-            fontSize: 'medium',
-          }} value="runs" label="Runs" icon={<FormatListBulleted />} iconPosition="start" />
-          <Tab sx={{
-            alignItems: 'baseline',
-            fontSize: 'medium',
-          }} value="proxy" label="Proxy" icon={<Usb />} iconPosition="start" />
-          <Tab sx={{
-            alignItems: 'baseline',
-            fontSize: 'medium',
-          }} value="apikey" label="API Key" icon={<VpnKey />} iconPosition="start" />
+          <Tab
+            sx={{
+              justifyContent: 'flex-start',
+              textAlign: 'left',
+              fontSize: 'medium',
+            }}
+            value="recordings"
+            label="Robots"
+            icon={<AutoAwesome />}
+            iconPosition="start"
+          />
+          <Tab
+            sx={{
+              justifyContent: 'flex-start',
+              textAlign: 'left',
+              fontSize: 'medium',
+            }}
+            value="runs"
+            label="Runs"
+            icon={<FormatListBulleted />}
+            iconPosition="start"
+          />
+          <Tab
+            sx={{
+              justifyContent: 'flex-start',
+              textAlign: 'left',
+              fontSize: 'medium',
+            }}
+            value="proxy"
+            label="Proxy"
+            icon={<Usb />}
+            iconPosition="start"
+          />
+          <Tab
+            sx={{
+              justifyContent: 'flex-start',
+              textAlign: 'left',
+              fontSize: 'medium',
+            }}
+            value="apikey"
+            label="API Key"
+            icon={<VpnKey />}
+            iconPosition="start"
+          />
         </Tabs>
         <hr />
         <Box sx={{ display: 'flex', flexDirection: 'column', gap: '1rem', textAlign: 'left' }}>