diff --git a/src/main.ts b/src/main.ts
index 7c94506..74b46f4 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,7 @@
 import { createApp } from 'vue';
 import App from './App.vue';
 import { createPinia } from 'pinia';
+
 import './style.css'
 
 const pinia = createPinia();
diff --git a/src/style.css b/src/style.css
index 314f533..0fbccfd 100644
--- a/src/style.css
+++ b/src/style.css
@@ -15,6 +15,24 @@ body {
   height: 100vh;
 }
 
+/* Scrollbar */
+/* width */
+::-webkit-scrollbar {
+  width: theme('size.2');
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: theme('colors.stone.900');
+  border-radius: theme('borderRadius.md');
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: theme('colors.stone.400');
+  border-radius: theme('borderRadius.md');
+}
+
 @media print {
   :root {
     color-scheme: light;