diff --git a/src/app/globals.css b/src/app/globals.css
index 324939b..161e357 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -12,6 +12,37 @@ h1,h2,h3,h4,h5,h6 {
   font-family: 'Bungee', sans-serif;
 }
 
+* {
+  scroll-behavior: smooth;
+}
+
+::-webkit-scrollbar {
+  width: 5px;
+  height: 3px;
+}
+
+.custom-scroll::-webkit-scrollbar {
+  width: 3px;
+  height: 3px;
+}
+
+::-webkit-scrollbar-track {
+  background: theme('colors.background.light');
+}
+
+.dark ::-webkit-scrollbar-track {
+  background: theme('colors.background.dark');
+}
+
+::-webkit-scrollbar-thumb {
+  background: theme('colors.primary.500');
+  border-radius: 10px;
+}
+
+.dark ::-webkit-scrollbar-thumb {
+  background: theme('colors.primary.500');
+}
+
 @keyframes fall {
   0% {
     transform: translateY(-10vh) rotate(0deg);