diff --git a/src/styles/globals.css b/src/styles/globals.css
index ba4a8b7e..ce1ee181 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -11,4 +11,31 @@
 
 body {
   font-family: Manrope, "Manrope-Fallback", Arial, sans-serif;
+  overflow: overlay;
+}
+
+.light body::-webkit-scrollbar {
+  width: 0.75em;
+}
+
+.light body::-webkit-scrollbar-track {
+  background-color: rgb(var(--color-200));
+}
+
+.light body::-webkit-scrollbar-thumb {
+  background-color: rgb(var(--color-300));
+  border-radius: 0.25em;
+}
+
+.dark body::-webkit-scrollbar {
+  width: 0.75em;
+}
+
+.dark body::-webkit-scrollbar-track {
+  background-color: rgb(var(--color-700));
+}
+
+.dark body::-webkit-scrollbar-thumb {
+  background-color: rgb(var(--color-600));
+  border-radius: 0.25em;
 }