Merge pull request #1758 from bluewave-labs/revert-1749-fix/fe/sidemenu-ui-overflow

Revert "Fix: Sidemenu UI Overflows"

Client/src/Components/Sidebar/index.jsx

@@ -183,7 +183,6 @@ function Sidebar() {
 			This is the top lever for styles
 			*/
 			sx={{
-				position: 'relative',
 				border: 1,
 				borderColor: theme.palette.primary.lowContrast,
 				borderRadius: theme.shape.borderRadius,
@@ -303,20 +302,6 @@ function Sidebar() {
 					</Typography>
 				</Stack>
 			</Stack>
-			<Box
-			sx={{
-				flexGrow: 1,
-				overflow: 'auto',
-				overflowX: 'hidden',
-				'&::-webkit-scrollbar': {
-					width: theme.spacing(2),
-                },
-				'&::-webkit-scrollbar-thumb': {
-                    backgroundColor: theme.palette.primary.lowContrast,
-                    borderRadius: theme.spacing(4),
-                },
-			}}
-			>
 			<List
 				component="nav"
 				aria-labelledby="nested-menu-subheader"
@@ -330,7 +315,6 @@ function Sidebar() {
 							/* TODO px should be centralized in container */
 							px: collapsed ? theme.spacing(2) : theme.spacing(4),
 							backgroundColor: "transparent",
-							position: 'static',
 						}}
 					>
 						Menu
@@ -582,8 +566,7 @@ function Sidebar() {
 					);
 				})}
 			</List>
-			</Box>
-			<Divider sx={{ mt: "auto", borderColor: theme.palette.primary.lowContrast }} />
+			<Divider sx={{ mt: "auto" }} />
 
 			<Stack
 				direction="row"