diff --git a/src/components/layouts/Dashboard/Sidebar/SidebarList.jsx b/src/components/layouts/Dashboard/Sidebar/SidebarList.jsx
index 3a2eb44..1c76f07 100644
--- a/src/components/layouts/Dashboard/Sidebar/SidebarList.jsx
+++ b/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) =>
diff --git a/src/components/layouts/Dashboard/Sidebar/SidebarListSubItem.jsx b/src/components/layouts/Dashboard/Sidebar/SidebarListSubItem.jsx
index 3ef8731..5233f15 100644
--- a/src/components/layouts/Dashboard/Sidebar/SidebarListSubItem.jsx
+++ b/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