change style list sidebar

src/components/layouts/Dashboard/Sidebar/SidebarList.jsx

@@ -87,7 +87,7 @@ export default function SidebarList({handleDrawerToggle}) {
     }, [selectedKey]);
 
     return (
-        <List sx={{overflow: "scroll"}}>
+        <List dense={true} sx={{overflow: "scroll"}}>
             {itemMenu.map((itemArr, index) => (
                 <Fragment key={index}>
                     {itemArr.map((item) =>

src/components/layouts/Dashboard/Sidebar/SidebarListSubItem.jsx

@@ -34,7 +34,7 @@ const SidebarListSubItem = ({item, handleDrawerToggle}) => {
     return (
 
         <Collapse in={item.showSubItem} timeout="auto" mountOnEnter={true} unmountOnExit={true}>
-            <List component="div" disablePadding sx={{bgcolor: "#f6f6f6", pr: 0}}>
+            <List dense={true} component="div" disablePadding sx={{bgcolor: "#f6f6f6", pr: 0}}>
                 {item.subItem.map((subitem) => (
                     <ListItem key={subitem.key} disablePadding secondaryAction={renderBadge(subitem)}>
                         <ListItemButton