diff --git a/ui_template/ui_template_theme.css b/ui_template/ui_template_theme.css
index 88953c34..df119202 100644
--- a/ui_template/ui_template_theme.css
+++ b/ui_template/ui_template_theme.css
@@ -171,10 +171,10 @@
   --element-gap: 8px;
 
   /* Scrollbar */
-  --color-scrollbar-track: color-mix(in srgb, var(--color-text) 4%, transparent);
-  --color-scrollbar-thumb: color-mix(in srgb, var(--color-text) 16%, transparent);
-  --color-scrollbar-thumb-hover: color-mix(in srgb, var(--color-text) 24%, transparent);
-  --color-scrollbar-thumb-active: color-mix(in srgb, var(--color-text) 32%, transparent);
+  --color-scrollbar-track: transparent;
+  --color-scrollbar-thumb: color-mix(in srgb, var(--color-text) 12%, transparent);
+  --color-scrollbar-thumb-hover: color-mix(in srgb, var(--color-text) 20%, transparent);
+  --color-scrollbar-thumb-active: color-mix(in srgb, var(--color-text) 28%, transparent);
 
   /* 워크플로우 3단 레이아웃 (frontend.md §2) */
   --wf-header-height: 56px; /* 상단: 타이틀 + 진행 단계 */
@@ -287,15 +287,16 @@
 @supports selector(::-webkit-scrollbar) {
   * {
     scrollbar-color: auto;
+    scrollbar-width: auto;
   }
 
   *::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
+    width: 8px;
+    height: 8px;
   }
 
   *::-webkit-scrollbar-track {
-    background-color: var(--color-scrollbar-track);
+    background-color: transparent;
   }
 
   *::-webkit-scrollbar-thumb {
@@ -313,6 +314,12 @@
     background-color: var(--color-scrollbar-thumb-active);
   }
 
+  *::-webkit-scrollbar-button {
+    display: none;
+    width: 0;
+    height: 0;
+  }
+
   *::-webkit-scrollbar-corner {
     background-color: transparent;
   }