diff --git a/apps/www/registry/default/examples/carousel-spacing.tsx b/apps/www/registry/default/examples/carousel-spacing.tsx
index c1357e0f21c..10267739b7d 100644
--- a/apps/www/registry/default/examples/carousel-spacing.tsx
+++ b/apps/www/registry/default/examples/carousel-spacing.tsx
@@ -12,9 +12,9 @@ import {
 export default function CarouselSpacing() {
   return (
     <Carousel className="w-full max-w-sm">
-      <CarouselContent className="-ml-1">
+      <CarouselContent className="-pl-1">
         {Array.from({ length: 5 }).map((_, index) => (
-          <CarouselItem key={index} className="pl-1 md:basis-1/2 lg:basis-1/3">
+          <CarouselItem key={index} className="ml-1 md:basis-1/2 lg:basis-1/3">
             <div className="p-1">
               <Card>
                 <CardContent className="flex aspect-square items-center justify-center p-6">