diff --git a/reading-platform-frontend/src/views/admin/LayoutView.vue b/reading-platform-frontend/src/views/admin/LayoutView.vue
index 35b0374..c801f79 100644
--- a/reading-platform-frontend/src/views/admin/LayoutView.vue
+++ b/reading-platform-frontend/src/views/admin/LayoutView.vue
@@ -382,6 +382,20 @@ $bg-dark: #111827;
     flex: 1;
     min-height: 0;
     overflow-y: auto;
+
+    &::-webkit-scrollbar {
+      width: 4px;
+    }
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background: rgba(0, 0, 0, 0.18);
+      border-radius: 4px;
+    }
+    &::-webkit-scrollbar-thumb:hover {
+      background: rgba(0, 0, 0, 0.28);
+    }
   }
 
   .side-menu {
diff --git a/reading-platform-frontend/src/views/parent/LayoutView.vue b/reading-platform-frontend/src/views/parent/LayoutView.vue
index ca01669..22190c1 100644
--- a/reading-platform-frontend/src/views/parent/LayoutView.vue
+++ b/reading-platform-frontend/src/views/parent/LayoutView.vue
@@ -367,6 +367,20 @@ $bg-light: #FAFAFA;
     flex: 1;
     min-height: 0;
     overflow-y: auto;
+
+    &::-webkit-scrollbar {
+      width: 4px;
+    }
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background: rgba(0, 0, 0, 0.18);
+      border-radius: 4px;
+    }
+    &::-webkit-scrollbar-thumb:hover {
+      background: rgba(0, 0, 0, 0.28);
+    }
   }
 
   .side-menu {
diff --git a/reading-platform-frontend/src/views/school/LayoutView.vue b/reading-platform-frontend/src/views/school/LayoutView.vue
index c24f958..720be89 100644
--- a/reading-platform-frontend/src/views/school/LayoutView.vue
+++ b/reading-platform-frontend/src/views/school/LayoutView.vue
@@ -461,6 +461,20 @@ $bg-light: #FAFAFA;
     flex: 1;
     min-height: 0;
     overflow-y: auto;
+
+    &::-webkit-scrollbar {
+      width: 4px;
+    }
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background: rgba(0, 0, 0, 0.18);
+      border-radius: 4px;
+    }
+    &::-webkit-scrollbar-thumb:hover {
+      background: rgba(0, 0, 0, 0.28);
+    }
   }
 
   .side-menu {
diff --git a/reading-platform-frontend/src/views/teacher/LayoutView.vue b/reading-platform-frontend/src/views/teacher/LayoutView.vue
index daccfb6..24acf91 100644
--- a/reading-platform-frontend/src/views/teacher/LayoutView.vue
+++ b/reading-platform-frontend/src/views/teacher/LayoutView.vue
@@ -358,6 +358,20 @@ $bg-light: #FAFAFA;
     flex: 1;
     min-height: 0;
     overflow-y: auto;
+
+    &::-webkit-scrollbar {
+      width: 4px;
+    }
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background: rgba(0, 0, 0, 0.18);
+      border-radius: 4px;
+    }
+    &::-webkit-scrollbar-thumb:hover {
+      background: rgba(0, 0, 0, 0.28);
+    }
   }
 
   .side-menu {