diff --git a/apps/www/src/lib/registry/default/ui/separator/Separator.vue b/apps/www/src/lib/registry/default/ui/separator/Separator.vue
index 1e6b3f3f..2cc88b0c 100644
--- a/apps/www/src/lib/registry/default/ui/separator/Separator.vue
+++ b/apps/www/src/lib/registry/default/ui/separator/Separator.vue
@@ -8,7 +8,7 @@ const props = defineProps<SeparatorProps & { class?: string }>()
 <template>
   <Separator
     :class="[
-      cn('shrink-0 bg-secondary', props.class),
+      cn('shrink-0 bg-border', props.class),
       props.orientation === 'vertical' ? 'w-px h-full' : 'h-px w-full',
     ]"
   />
diff --git a/apps/www/src/lib/registry/new-york/ui/separator/Separator.vue b/apps/www/src/lib/registry/new-york/ui/separator/Separator.vue
index 1e6b3f3f..2cc88b0c 100644
--- a/apps/www/src/lib/registry/new-york/ui/separator/Separator.vue
+++ b/apps/www/src/lib/registry/new-york/ui/separator/Separator.vue
@@ -8,7 +8,7 @@ const props = defineProps<SeparatorProps & { class?: string }>()
 <template>
   <Separator
     :class="[
-      cn('shrink-0 bg-secondary', props.class),
+      cn('shrink-0 bg-border', props.class),
       props.orientation === 'vertical' ? 'w-px h-full' : 'h-px w-full',
     ]"
   />