diff --git a/aio/src/styles/2-modules/_modules-dir.scss b/aio/src/styles/2-modules/_modules-dir.scss
index a8370d2a6b..69007c7ccb 100644
--- a/aio/src/styles/2-modules/_modules-dir.scss
+++ b/aio/src/styles/2-modules/_modules-dir.scss
@@ -19,4 +19,5 @@
    @import 'banner';
    @import 'api-list';
    @import 'hr';
-   @import 'live-example';
\ No newline at end of file
+   @import 'live-example';
+   @import 'scrollbar';
\ No newline at end of file
diff --git a/aio/src/styles/2-modules/_scrollbar.scss b/aio/src/styles/2-modules/_scrollbar.scss
new file mode 100644
index 0000000000..772ea9faf8
--- /dev/null
+++ b/aio/src/styles/2-modules/_scrollbar.scss
@@ -0,0 +1,25 @@
+body::-webkit-scrollbar {
+    width: 6px;
+}
+ 
+body::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+}
+ 
+body::-webkit-scrollbar-thumb {
+  background-color: $mediumgray;
+  outline: 1px solid $darkgray;
+}
+
+.search-results::-webkit-scrollbar {
+    width: 4px;
+}
+ 
+.search-results::-webkit-scrollbar-track {
+    -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