diff --git a/src/styles/base.css b/src/styles/base.css
index 47ab647..932ea6a 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -65,6 +65,31 @@
   #article details {
     @apply cursor-pointer inline-block select-none;
   }
+
+  /* ===== scrollbar ===== */
+  html {
+    overflow-y: scroll;
+  }
+
+  /* width */
+  ::-webkit-scrollbar {
+    @apply w-3;
+  }
+
+  /* Track */
+  ::-webkit-scrollbar-track {
+    @apply bg-skin-fill;
+  }
+
+  /* Handle */
+  ::-webkit-scrollbar-thumb {
+    @apply bg-skin-card;
+  }
+
+  /* Handle on hover */
+  ::-webkit-scrollbar-thumb:hover {
+    @apply bg-skin-card-muted;
+  }
 }
 
 @layer components {