diff --git a/src/states/Manage/Manage.jsx b/src/states/Manage/Manage.jsx
index b0280cd..e2fe577 100644
--- a/src/states/Manage/Manage.jsx
+++ b/src/states/Manage/Manage.jsx
@@ -25,6 +25,7 @@ export const Manage = () => {
     const location = useLocation();
 
     const [currentPage, setCurrentPage] = useState({});
+    const [sidebarOpen, setSidebarOpen] = useState(false);
 
     useEffect(() => {
         setCurrentPage(getPage(location.pathname));
@@ -36,10 +37,11 @@ export const Manage = () => {
 
     return (
         <div className="content-manage">
-            {Object.keys(currentPage).length !== 0 && <Sidebar/>}
+            {Object.keys(currentPage).length !== 0 && <Sidebar open={sidebarOpen} setOpen={setSidebarOpen}/>}
 
             <div className="content-right">
-                <Header title={currentPage.name}/>
+                <Header title={currentPage.name} open={sidebarOpen} setOpen={setSidebarOpen}/>
+
                 {outlet}
             </div>
         </div>