diff --git a/includes/sidebar.html b/includes/sidebar.html
index b292e8aa82c1..2b4d01f8db07 100644
--- a/includes/sidebar.html
+++ b/includes/sidebar.html
@@ -1,7 +1,7 @@
 <!-- product > category > maptopic > article -->
 <div class="sidebar d-none d-lg-block">
 
-  <div class="d-flex flex-items-center p-4" style="z-index: 3;" id="github-logo">
+  <div class="d-flex flex-items-center p-4 position-sticky top-0 sidebar-background-color" style="z-index: 3;" id="github-logo">
     <a href="/{{ currentLanguage }}" class="text-white" aria-hidden="true">
       {% octicon "mark-github" height="32" %}
     </a>
diff --git a/stylesheets/sidebar.scss b/stylesheets/sidebar.scss
index d96091352a28..c6b89ba347b0 100644
--- a/stylesheets/sidebar.scss
+++ b/stylesheets/sidebar.scss
@@ -13,6 +13,10 @@
   }
 }
 
+.sidebar-background-color {
+  background-color: $blue-900;
+}
+
 .sidebar-products > li {
   margin: 4px 0;
 }