diff --git a/src/components/Sidebar/index.tsx b/src/components/Sidebar/index.tsx
index c37e797..312f8ad 100644
--- a/src/components/Sidebar/index.tsx
+++ b/src/components/Sidebar/index.tsx
@@ -25,8 +25,15 @@ const Sidebar = () => {
         w={!isDesktop && isOpen ? '100%' : '0'}
         h="100%"
         bg={!isDesktop && isOpen ? 'rgba(0,0,0,0.5)' : ''}
+        onClick={() => {
+          setIsOpen(false);
+        }}
       >
-        <Box pos="absolute" w={isOpen ? { base: '215px', lg: '230px', '2xl': '240px' } : '52px'}>
+        <Box
+          pos="absolute"
+          w={isOpen ? { base: '215px', lg: '230px', '2xl': '240px' } : '52px'}
+          onClick={(e) => e.stopPropagation()}
+        >
           <SidebarContent isOpen={isOpen} setIsOpen={setIsOpen} />
         </Box>
       </Box>