diff --git a/docs/assets/scss/_nav.scss b/docs/assets/scss/_nav.scss
index 303d1dad75..c59c31c256 100644
--- a/docs/assets/scss/_nav.scss
+++ b/docs/assets/scss/_nav.scss
@@ -1,11 +1,22 @@
+// scss-lint:disable VendorPrefix
+
 //
 // Main navbar
 //
 
 .bd-navbar {
+  // @include media-breakpoint-up(md) {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 1030; // over everything in bootstrap
+    // max-height: calc(100vh - 4rem);
+    // overflow-y: auto;
+  // }
   // padding-right: 0;
   // padding-left: 0;
-  margin-bottom: 2rem;
+  // margin-bottom: 2rem;
+  background-color: #fff;
   border-bottom: 1px solid rgba(0,0,0,.1);
   box-shadow: 0 6px 12px rgba(0,0,0,.05);
 
@@ -28,6 +39,10 @@
   }
 
   .dropdown-menu {
-    font-size: inherit;
+    font-size: .875rem;
+  }
+
+  .navbar-brand {
+    color: $bd-purple;
   }
 }
diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss
index 3986bc65eb..974f7676d2 100644
--- a/docs/assets/scss/_sidebar.scss
+++ b/docs/assets/scss/_sidebar.scss
@@ -1,11 +1,14 @@
+// scss-lint:disable VendorPrefix
+
 //
 // Side navigation
 //
 
 .bd-sidebar {
   @include media-breakpoint-up(md) {
+    position: -webkit-sticky;
     position: sticky;
-    top: 2rem;
+    top: 5rem;
     max-height: calc(100vh - 4rem);
     overflow-y: auto;
   }
@@ -26,7 +29,7 @@
   }
 
   @include media-breakpoint-up(md) {
-    padding-right: 1rem;
+    // padding-right: 1rem;
   }
 }