diff --git a/src/components/layouts/Dashboard/Sidebar/SidebarListItem.jsx b/src/components/layouts/Dashboard/Sidebar/SidebarListItem.jsx
index 81fd444..fffd570 100644
--- a/src/components/layouts/Dashboard/Sidebar/SidebarListItem.jsx
+++ b/src/components/layouts/Dashboard/Sidebar/SidebarListItem.jsx
@@ -51,6 +51,7 @@ const SidebarListItem = ({item, dispatch, handleDrawerToggle}) => {
                         if (hasSubItems) {
                             dispatch({type: "COLLAPSE_MENU", key: item.key});
                         }
+                        handleDrawerToggle()
                     }}
                     sx={{
                         minHeight: 48,
diff --git a/src/components/layouts/Dashboard/Sidebar/SidebarListSubItem.jsx b/src/components/layouts/Dashboard/Sidebar/SidebarListSubItem.jsx
index 3ef8731..41bff6d 100644
--- a/src/components/layouts/Dashboard/Sidebar/SidebarListSubItem.jsx
+++ b/src/components/layouts/Dashboard/Sidebar/SidebarListSubItem.jsx
@@ -43,6 +43,9 @@ const SidebarListSubItem = ({item, handleDrawerToggle}) => {
                             to={{
                                 pathname: subitem.route,
                             }}
+                            onClick={() => {
+                                handleDrawerToggle()
+                            }}
                             sx={{
                                 minHeight: 48,
                             }}