diff --git a/components/scroll-area/ScrollBar.vue b/components/scroll-area/ScrollBar.vue
index 02bb30bdcbeddb8dc53472d84bb65339c079feaf..15801d60d6fd69c4f29f738af256ac9f0ea179ce 100644
--- a/components/scroll-area/ScrollBar.vue
+++ b/components/scroll-area/ScrollBar.vue
@@ -23,6 +23,6 @@ const delegatedProps = computed(() => {
            && 'h-2.5 flex-col border-t border-t-transparent p-px',
          props.class)"
   >
-    <ScrollAreaThumb class="relative flex-1 rounded-full bg-border" />
+    <ScrollAreaThumb class="relative flex-1 rounded-full bg-gray-400" />
   </ScrollAreaScrollbar>
 </template>