diff --git a/src/Carousel/Carousel.tsx b/src/Carousel/Carousel.tsx
index a27e2aef..ff5efbb5 100644
--- a/src/Carousel/Carousel.tsx
+++ b/src/Carousel/Carousel.tsx
@@ -47,7 +47,8 @@ const Carousel = forwardRef<HTMLDivElement, CarouselProps>(
       'carousel',
       className,
       clsx({
-        [`carousel-${snap}`]: snap,
+        'carousel-center': snap === 'center',
+        'carousel-end': snap === 'end',
         'carousel-vertical': vertical,
         'w-full': display !== 'slider',
       })