diff --git a/nuxt.config.ts b/nuxt.config.ts
index 0247576d..12bfb981 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -12,6 +12,7 @@ export default defineNuxtConfig({
   css: [
     '@unocss/reset/tailwind.css',
     '~/styles/vars.css',
+    '~/styles/global.css',
   ],
   colorMode: {
     classSuffix: '',
diff --git a/styles/global.css b/styles/global.css
new file mode 100644
index 00000000..da553ef9
--- /dev/null
+++ b/styles/global.css
@@ -0,0 +1,26 @@
+
+* {
+	scrollbar-color: #555 var(--color-border);
+}
+
+::-webkit-scrollbar {
+	width: 10px;
+}
+
+::-webkit-scrollbar:horizontal {
+	height: 10px;
+}
+
+::-webkit-scrollbar-track {
+	background: var(--color-border);
+	border-radius: 1px;
+}
+
+::-webkit-scrollbar-thumb {
+	background: #555;
+	border-radius: 1px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+	background: #666;
+}
\ No newline at end of file