diff --git a/apps/www/src/lib/registry/default/ui/carousel/CarouselNext.vue b/apps/www/src/lib/registry/default/ui/carousel/CarouselNext.vue
index 67faba07..3b87ad3f 100644
--- a/apps/www/src/lib/registry/default/ui/carousel/CarouselNext.vue
+++ b/apps/www/src/lib/registry/default/ui/carousel/CarouselNext.vue
@@ -23,6 +23,8 @@ const { orientation, canScrollNext, scrollNext } = useCarousel()
     variant="outline"
     @click="scrollNext"
   >
-    <ChevronRight class="h-4 w-4 text-white stroke-white" />
+    <slot>
+      <ChevronRight class="h-4 w-4 text-current" />
+    </slot>
   </Button>
 </template>
diff --git a/apps/www/src/lib/registry/default/ui/carousel/CarouselPrevious.vue b/apps/www/src/lib/registry/default/ui/carousel/CarouselPrevious.vue
index c64b3d92..51dda3ce 100644
--- a/apps/www/src/lib/registry/default/ui/carousel/CarouselPrevious.vue
+++ b/apps/www/src/lib/registry/default/ui/carousel/CarouselPrevious.vue
@@ -23,6 +23,8 @@ const { orientation, canScrollPrev, scrollPrev } = useCarousel()
     variant="outline"
     @click="scrollPrev"
   >
-    <ChevronLeft class="h-4 w-4 text-white" />
+    <slot>
+      <ChevronLeft class="h-4 w-4 text-current" />
+    </slot>
   </Button>
 </template>
diff --git a/apps/www/src/lib/registry/new-york/ui/carousel/CarouselNext.vue b/apps/www/src/lib/registry/new-york/ui/carousel/CarouselNext.vue
index d237434b..5bbb489e 100644
--- a/apps/www/src/lib/registry/new-york/ui/carousel/CarouselNext.vue
+++ b/apps/www/src/lib/registry/new-york/ui/carousel/CarouselNext.vue
@@ -23,6 +23,8 @@ const { orientation, canScrollNext, scrollNext } = useCarousel()
     variant="outline"
     @click="scrollNext"
   >
-    <ChevronRightIcon class="h-4 w-4 text-white stroke-white" />
+    <slot>
+      <ChevronRightIcon class="h-4 w-4 text-current" />
+    </slot>
   </Button>
 </template>
diff --git a/apps/www/src/lib/registry/new-york/ui/carousel/CarouselPrevious.vue b/apps/www/src/lib/registry/new-york/ui/carousel/CarouselPrevious.vue
index 2018027a..b39d820a 100644
--- a/apps/www/src/lib/registry/new-york/ui/carousel/CarouselPrevious.vue
+++ b/apps/www/src/lib/registry/new-york/ui/carousel/CarouselPrevious.vue
@@ -23,6 +23,8 @@ const { orientation, canScrollPrev, scrollPrev } = useCarousel()
     variant="outline"
     @click="scrollPrev"
   >
-    <ChevronLeftIcon class="h-4 w-4 text-white" />
+    <slot>
+      <ChevronLeftIcon class="h-4 w-4 text-current" />
+    </slot>
   </Button>
 </template>