diff --git a/frontend/src/app/layout.js b/frontend/src/app/layout.js
index 1842bb8..af151fa 100644
--- a/frontend/src/app/layout.js
+++ b/frontend/src/app/layout.js
@@ -20,9 +20,9 @@ export default function RootLayout({ children }) {
       <body className={`${inter.variable} `}>
         <div className={styles.layout}>
           <Sidebar />
-          <Header />
+
           <div className={styles.mainContainer}>
-            {/* Header here */}
+            <Header />
             {children}
           </div>
         </div>
diff --git a/frontend/src/app/page.module.css b/frontend/src/app/page.module.css
index d32a1e6..91a6b2a 100644
--- a/frontend/src/app/page.module.css
+++ b/frontend/src/app/page.module.css
@@ -13,16 +13,17 @@
   align-items: center;
   justify-content: center;
 }
-
-.main {
+.layout {
+  display: flex;
+
+  align-items: center;
+}
+.mainContainer {
   display: flex;
-  min-height: 100vh;
-  width: 100%;
-  max-width: 800px;
   flex-direction: column;
   align-items: flex-start;
-  justify-content: space-between;
-  padding: 120px 60px;
+  flex: 1 0 0;
+  align-self: stretch;
 }
 
 .intro {
