diff --git a/client/src/App.jsx b/client/src/App.jsx
index 2bfc129..5cd321a 100644
--- a/client/src/App.jsx
+++ b/client/src/App.jsx
@@ -4,17 +4,20 @@ import "@/common/styles/main.sass";
 import {BrowserRouter} from "react-router-dom";
 import Header from "@/common/components/Header";
 import Content from "@/common/components/Content";
+import {useState} from "react";
 
 const App = () => {
-  return (
-    <>
-        <BrowserRouter>
-            <Sidebar />
-            <Header />
-            <Content />
-        </BrowserRouter>
-    </>
-  )
+    const [sidebarOpen, setSidebarOpen] = useState(window.innerHeight >= 1024);
+
+    return (
+        <>
+            <BrowserRouter>
+                <Sidebar open={sidebarOpen} setOpen={setSidebarOpen}/>
+                <Header open={sidebarOpen} setOpen={setSidebarOpen} />
+                <Content/>
+            </BrowserRouter>
+        </>
+    )
 }
 
 export default App;
\ No newline at end of file