diff --git a/docs/_sass/index.scss b/docs/_sass/index.scss
index 83567894..7c830ce0 100644
--- a/docs/_sass/index.scss
+++ b/docs/_sass/index.scss
@@ -366,4 +366,4 @@ $blue-munsell-3: #4392a4ff;
   }
 }
 
-// stewarded by section ends
\ No newline at end of file
+// stewarded by section ends
diff --git a/docs/_sass/layout.scss b/docs/_sass/layout.scss
index 45ebb2c3..bbe5e9af 100644
--- a/docs/_sass/layout.scss
+++ b/docs/_sass/layout.scss
@@ -542,3 +542,17 @@ hr {
     grid-template-columns: 1fr;
   }
 }
+/* Custom Scrollbar*/
+::-webkit-scrollbar{
+  width: 0.5rem;
+}
+::-webkit-scrollbar-track {
+  background: rgb(255, 255, 255);
+}
+::-webkit-scrollbar-thumb {
+  background: rgb(60, 73, 79);
+  border-radius: 0.3rem;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: rgb(85, 85, 85);
+}
\ No newline at end of file