diff --git a/apps/blog/src/components/Sidebar/Sidebar.tsx b/apps/blog/src/components/Sidebar/Sidebar.tsx
index 939819f..a9ac9d3 100644
--- a/apps/blog/src/components/Sidebar/Sidebar.tsx
+++ b/apps/blog/src/components/Sidebar/Sidebar.tsx
@@ -99,7 +99,7 @@ const Sidebar = () => {
 					{/* sidebar items */}
 
 					{NavbarData.map((item, index) => {
-						return <SubMenu item={item} key={index} />
+						return <SubMenu onClick={toggleSidebar} item={item} key={index} />
 					})}
 				</SidebarWrap>
 			</SidebarNav>
diff --git a/apps/blog/src/components/Sidebar/SubMenu.tsx b/apps/blog/src/components/Sidebar/SubMenu.tsx
index 241cee1..486bb82 100644
--- a/apps/blog/src/components/Sidebar/SubMenu.tsx
+++ b/apps/blog/src/components/Sidebar/SubMenu.tsx
@@ -45,12 +45,14 @@ const SidebarLabel = styled.span`
 
 interface Props {
 	item: Item
+	onClick: () => void
 }
 
-const SubMenu = ({ item }: Props) => {
+const SubMenu = ({ item, onClick }: Props) => {
 	const { path, icon, title } = item
 	const [isSubNavOpen, setSubNavOpen] = useState(false)
 	const handleSidebarLinkClick = useCallback(() => {
+		onClick()
 		setSubNavOpen((prev) => !prev)
 	}, [isSubNavOpen])