diff --git a/src/components/Layout.js b/src/components/Layout.js
index 65afe4c44..22b2b4d0c 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -22,7 +22,8 @@ const Layout = ({ children }) => {
         toggle={() => setIsMobileNavOpen(!isMobileNavOpen)}
       />
       <div className={cx(styles.main, 'site-container')}>
-        <Sidebar className={cx(styles.hideOnMobile)} />
+        <Sidebar className={cx(styles.sidebar, styles.hideOnMobile)} />
+        <div />
         <div
           className={cx(styles.contentContainer, {
             [styles.hideOnMobile]: isMobileNavOpen,
diff --git a/src/components/Layout.module.scss b/src/components/Layout.module.scss
index d2f40af1b..3e60bc25f 100644
--- a/src/components/Layout.module.scss
+++ b/src/components/Layout.module.scss
@@ -20,6 +20,15 @@
   padding: 2rem;
 }
 
+.sidebar {
+  position: fixed;
+  top: 30px;
+  bottom: 0;
+  width: 300px;
+  height: calc(100vh - 30px);
+  overflow: auto;
+}
+
 .content {
   flex: 1;
 }