diff --git a/src/app/styles/global.css b/src/app/styles/global.css
index 78baa33..ed39c61 100644
--- a/src/app/styles/global.css
+++ b/src/app/styles/global.css
@@ -5,8 +5,28 @@ body {
   overflow-x: hidden;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  scrollbar-color: var(--grad-center) var(--bg-mid);
+  scrollbar-width: thin;
 }
 
 #root {
   min-height: 100vh;
 }
+
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--bg-mid);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--grad-center);
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--highlight);
+}