diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss
index 4d4a0ba2dc0798f37c1231968e2fe8acd535dfb3..bba7e80474777b85b5651ffaf1814f7b82ccbf4f 100644
--- a/src/styles/base/main.scss
+++ b/src/styles/base/main.scss
@@ -45,6 +45,46 @@ nav, .views-container {
   -ms-overflow-style: none;
 }
 
+/* Custom scrollbar of the left-menu */
+nav {
+  scrollbar-width: thin;
+  scrollbar-color: $color-244-10-70 $color-233-18-29;
+
+  &::-webkit-scrollbar-track {
+    background: $color-233-18-29;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: $color-244-10-70;
+    border-radius: 6px;
+    border: 3px solid $color-233-18-29;
+  }
+
+  &::-webkit-scrollbar {
+    width: 11px;
+  }
+}
+
+/* Custom scrollbar of the content */
+.views-container {
+  scrollbar-width: thin;
+  scrollbar-color: $color-244-10-70 white;
+
+  &::-webkit-scrollbar-track {
+    background: white;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: $color-244-10-70;
+    border-radius: 6px;
+    border: 3px solid white;
+  }
+
+  &::-webkit-scrollbar {
+    width: 11px;
+  }
+}
+
 /* Quick fix. Will be removed later */
 #admin-circles,
 #admin-projects {
@@ -52,7 +92,6 @@ nav, .views-container {
 }
 
 
-
 img {
   max-height: 100%;
   max-width: 100%;