diff --git a/packages/ui-react/lib/Carousel/Carousel.tsx b/packages/ui-react/lib/Carousel/Carousel.tsx
index 3ff0890..208fdb8 100644
--- a/packages/ui-react/lib/Carousel/Carousel.tsx
+++ b/packages/ui-react/lib/Carousel/Carousel.tsx
@@ -32,6 +32,10 @@ export interface CarouselProps extends HtmlHTMLAttributes<HTMLDivElement> {
    * isSliding
    */
   isSliding?: boolean;
+  /**
+   * className
+   */
+  className?: string;
 }
 
 interface ContentProps {
@@ -48,6 +52,7 @@ export const Carousel = React.forwardRef<HTMLDivElement, CarouselProps>(
       defaultSelected,
       selected,
       isSliding = true,
+      className,
       ...rest
     },
     ref,
@@ -165,7 +170,7 @@ export const Carousel = React.forwardRef<HTMLDivElement, CarouselProps>(
 
     return (
       <div
-        className={carouselClass}
+        className={`${carouselClass} ${className}`}
         ref={ref}
         style={{ width: `${width}px`, height: `${height}px` }}
         {...rest}
diff --git a/packages/ui-react/package.json b/packages/ui-react/package.json
index 11fbc68..58e8e49 100644
--- a/packages/ui-react/package.json
+++ b/packages/ui-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ui-aurora/react",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "A React UI library built for SASTOJ",
   "author": "sast",
   "license": "MIT",