diff --git a/_assets/css/critical.scss b/_assets/css/critical.scss
index b87bbf3..671be96 100644
--- a/_assets/css/critical.scss
+++ b/_assets/css/critical.scss
@@ -45,6 +45,17 @@
 
 $navbarHeight: 58px;
 
+// sticky sidebar
+@include media-breakpoint-up(lg) {
+  #sidebar {
+    position: sticky;
+    top: $navbarHeight + 15px;
+  }
+  #main.submenu #sidebar {
+    top: 2*$navbarHeight + 15px;
+  }
+}
+
 .large {
   font-size: $font-size-lg;
 }
diff --git a/_layouts/default.html b/_layouts/default.html
index d4acb21..801ec13 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -29,7 +29,9 @@
                 {{ content }}
             </main>
             <div class="col-lg-4">
-                {% include sidebar.html %}
+                <div id="sidebar">
+                    {% include sidebar.html %}
+                </div>
             </div>
         </div>
         <button id="back-to-top"