Merge pull request #608 from getmaxun/fixed-main-menu

fix: remove menu width adjustment on tab selection

src/components/dashboard/MainMenu.tsx

@@ -44,7 +44,7 @@ export const MainMenu = ({ value = 'robots', handleChangeContent }: MainMenuProp
   return (
     <Paper
       sx={{
-        height: 'auto',
+        height: '100%',
         width: '250px',
         backgroundColor: theme.palette.background.paper,
         paddingTop: '0.5rem',

src/pages/MainPage.tsx

@@ -171,8 +171,10 @@ export const MainPage = ({ handleEditRecording, initialContent }: MainPageProps)
 
   return (
     <Stack direction='row' spacing={0} sx={{ minHeight: '900px' }}>
+      <Stack sx={{ width: 250, flexShrink: 0 }}>
       <MainMenu value={content} handleChangeContent={setContent} />
+      </Stack>
       {DisplayContent()}
     </Stack>
   );
-};
+};