diff --git a/_sass/_sidebar.scss b/_sass/_sidebar.scss
index 734b041d40263..7c3522ba0b91f 100644
--- a/_sass/_sidebar.scss
+++ b/_sass/_sidebar.scss
@@ -10,11 +10,17 @@
   -webkit-transform: translate3d(0, 0 , 0);
           transform: translate3d(0, 0 , 0);
 
-  @include clearfix();
-  margin-bottom: 1em;
-
+@include clearfix();
+margin-bottom: 1em;
+ 
+@media screen and (min-width: $sidebar-min-width) {
+    height: 100vh;
+    overflow-y: auto; // Add scrollbar if the sidebar is too long
+    position: fixed;
+    padding-top: $masthead-height;
+  }
   @include breakpoint($large) {
-    @include span(2 of 12);
+  @include span(2 of 12);
     opacity: 1;
     -webkit-transition: opacity 0.2s ease-in-out;
             transition: opacity 0.2s ease-in-out;