diff --git a/web/src/components/sidebar.astro b/web/src/components/sidebar.astro
index c6ce159..8566aa8 100644
--- a/web/src/components/sidebar.astro
+++ b/web/src/components/sidebar.astro
@@ -3,13 +3,10 @@ import Navbar from "src/components/index/navbar.astro"
 import Footer from "./footer.astro"
 ---
 
-<div class="w-[32%] py-14 h-screen text-center flex flex-col">
+<div>
     <a href="/" class="b1-no-underline text-4xl">breadone dot net</a>
     <Navbar/>
-    <!-- Lil spacer -->
     <div class="mt-8"/> 
 
     <slot/>
-
-    <Footer/>
 </div>
\ No newline at end of file
diff --git a/web/src/layout/Base.astro b/web/src/layout/Base.astro
index 5cb87d7..c6da82d 100644
--- a/web/src/layout/Base.astro
+++ b/web/src/layout/Base.astro
@@ -1,5 +1,7 @@
 ---
 import BaseHead from "./BaseHead.astro"
+import Sidebar from "@components/sidebar"
+import Footer from "@components/footer"
 ---
 
 <html>
@@ -9,8 +11,18 @@ import BaseHead from "./BaseHead.astro"
 </head>
 
 <body>
-    <main id="main" class="flex-1">
-        <slot />
+    <main id="main" class="flex flex-row">
+        <div class="w-[32%] sticky top-0 py-14 h-screen text-center flex flex-col">
+            <Sidebar>
+                <slot name="sidebar" />
+            </Sidebar>
+            
+            <Footer/>
+        </div>
+        
+        <div class="content-panel">
+            <slot name="content"/>
+        </div>
     </main>
 </body>
 </html>
\ No newline at end of file
