diff --git a/src/layouts/Document.astro b/src/layouts/Document.astro
index 0d6a9ea..2fd93ef 100644
--- a/src/layouts/Document.astro
+++ b/src/layouts/Document.astro
@@ -14,7 +14,8 @@ const { Title, Feedback, Feelback } = Astro.props
 // Components
 import Head from '@components/global/Head.astro'
 import Header from '@components/global/Header.astro'
-import FeelbackYesNo from "astro-feelback/components/FeelbackYesNo.astro";
+import Sidebar from '@components/Sidebar.astro'
+import FeelbackYesNo from "astro-feelback/components/FeelbackYesNo.astro"
 
 // Styles
 import "@styles/index.scss";
@@ -25,23 +26,7 @@ import "@styles/feelback.css";
 <Header/>
 <div class="page">
     <div class="content">
-        <div class="sidebar">
-            <h2>Sidebar Header</h2>
-            <a href="#">Document Title</a>
-            <a href="#">Document Title</a>
-            <a href="#">Document Title</a>
-            <a href="#">Document Title</a>
-            <h2>Sidebar Header</h2>
-            <a href="#">Document Title</a>
-            <a href="#">Document Title</a>
-            <a href="#">Document Title</a>
-            <h2>Sidebar Header</h2>
-            <a href="#">Document Title</a>
-            <a href="#">Document Title</a>
-            <a href="#">Document Title</a>
-            <a href="#">Document Title</a>
-            <a href="#">Document Title</a>
-        </div>
+        <Sidebar/>
         <div class="document">
             <h1>{Title}</h1>
             <slot/>
@@ -78,10 +63,6 @@ import "@styles/feelback.css";
     </div>
 </div>
 
-<!-- Style is temporary here -->
-<style is:global lang="scss">
-</style>
-
 {REVERT_LAYOUT ?
     <style>
         .content {