diff --git a/static/css/app.css b/static/css/app.css
index 03b83d7..d3b500b 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -91,6 +91,36 @@
     --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.3);
 }
 
+/* ============================================
+   Scrollbar Styling
+   ============================================ */
+
+/* Firefox scrollbar styling */
+* {
+    scrollbar-width: thin;
+    scrollbar-color: var(--border) var(--surface);
+}
+
+/* Chromium/Webkit scrollbar styling */
+*::-webkit-scrollbar {
+    width: 12px;
+    height: 12px;
+}
+
+*::-webkit-scrollbar-track {
+    background: var(--surface);
+}
+
+*::-webkit-scrollbar-thumb {
+    background-color: var(--border);
+    border-radius: 6px;
+    border: 3px solid var(--surface);
+}
+
+*::-webkit-scrollbar-thumb:hover {
+    background-color: var(--surface-hover);
+}
+
 /* ============================================
    Reset & Base
    ============================================ */