diff --git a/app/globals.css b/app/globals.css
index 15679133e..691ede043 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -58,5 +58,30 @@
   button[disabled] {
     cursor: not-allowed;
   }
+
+  /* Custom Modern Scrollbar */
+  ::-webkit-scrollbar {
+    width: 14px;
+    height: 14px;
+  }
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  ::-webkit-scrollbar-thumb {
+    background-color: rgba(14, 122, 92, 0.4);
+    border-radius: 10px;
+    border: 4px solid transparent;
+    background-clip: padding-box;
+    transition: background-color 0.2s ease;
+  }
+  ::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(14, 122, 92, 0.8);
+  }
+
+  /* Firefox */
+  html {
+    scrollbar-color: rgba(14, 122, 92, 0.5) transparent;
+    scrollbar-width: thin;
+  }
 }
 /* trigger rebuild */