diff --git a/theme/boost/scss/moodle/layout.scss b/theme/boost/scss/moodle/layout.scss
index 49367552d8b..c72b1e76ac0 100644
--- a/theme/boost/scss/moodle/layout.scss
+++ b/theme/boost/scss/moodle/layout.scss
@@ -37,6 +37,7 @@
     margin-top: calc(#{$navbar-height} + 2rem);
     padding-left: 15px;
     padding-right: 15px;
+    @include thin-scrolls($gray-100);
     .main-inner {
         max-width: 100%;
         width: 100%;
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index b33cb59e535..277283d977e 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -20290,7 +20290,19 @@ span[data-flexitour="container"][x-placement="right"], span[data-flexitour="cont
 #page.drawers {
   margin-top: calc(60px + 2rem);
   padding-left: 15px;
-  padding-right: 15px; }
+  padding-right: 15px;
+  scrollbar-width: thin;
+  scrollbar-color: #6a737b #f8f9fa; }
+  #page.drawers::-webkit-scrollbar {
+    width: 12px; }
+  #page.drawers::-webkit-scrollbar-track {
+    background: #f8f9fa; }
+  #page.drawers::-webkit-scrollbar-thumb {
+    background-color: #6a737b;
+    border-radius: 20px;
+    border: 3px solid #f8f9fa; }
+  #page.drawers::-webkit-scrollbar-thumb:hover {
+    background-color: #495057; }
   #page.drawers .main-inner {
     max-width: 100%;
     width: 100%;
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 5f782bb5af8..f621b986764 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -20236,7 +20236,19 @@ span[data-flexitour="container"][x-placement="right"], span[data-flexitour="cont
 #page.drawers {
   margin-top: calc(50px + 2rem);
   padding-left: 15px;
-  padding-right: 15px; }
+  padding-right: 15px;
+  scrollbar-width: thin;
+  scrollbar-color: #6a737b #f8f9fa; }
+  #page.drawers::-webkit-scrollbar {
+    width: 12px; }
+  #page.drawers::-webkit-scrollbar-track {
+    background: #f8f9fa; }
+  #page.drawers::-webkit-scrollbar-thumb {
+    background-color: #6a737b;
+    border-radius: 20px;
+    border: 3px solid #f8f9fa; }
+  #page.drawers::-webkit-scrollbar-thumb:hover {
+    background-color: #495057; }
   #page.drawers .main-inner {
     max-width: 100%;
     width: 100%;