diff --git a/aio/src/styles/2-modules/_scrollbar.scss b/aio/src/styles/2-modules/_scrollbar.scss
index e1a09d41b4..42a674e5db 100644
--- a/aio/src/styles/2-modules/_scrollbar.scss
+++ b/aio/src/styles/2-modules/_scrollbar.scss
@@ -1,25 +1,27 @@
-body::-webkit-scrollbar, md-sidenav.sidenav::-webkit-scrollbar {
-    width: 6px;
+body::-webkit-scrollbar, md-sidenav.sidenav::-webkit-scrollbar, .mat-sidenav-content::-webkit-scrollbar {
+  height: 6px;
+  width: 6px;
 }
- 
-body::-webkit-scrollbar-track, md-sidenav.sidenav::-webkit-scrollbar-trac {
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+
+body::-webkit-scrollbar-track, md-sidenav.sidenav::-webkit-scrollbar-trac, .mat-sidenav-content::-webkit-scrollbar-trac {
+  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 }
- 
-body::-webkit-scrollbar-thumb, md-sidenav.sidenav::-webkit-scrollbar-thumb {
+
+body::-webkit-scrollbar-thumb, md-sidenav.sidenav::-webkit-scrollbar-thumb, .mat-sidenav-content::-webkit-scrollbar-thumb {
   background-color: $mediumgray;
   outline: 1px solid $darkgray;
 }
 
 .search-results::-webkit-scrollbar {
-    width: 4px;
+  height: 4px;
+  width: 4px;
 }
- 
+
 .search-results::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 }
- 
+
 .search-results::-webkit-scrollbar-thumb {
   background-color: $mediumgray;
   outline: 1px solid slategrey;
-}
\ No newline at end of file
+}