diff --git a/example/src/marquee/index.tsx b/example/src/marquee/index.tsx
index 16c70041..a11001de 100644
--- a/example/src/marquee/index.tsx
+++ b/example/src/marquee/index.tsx
@@ -61,9 +61,11 @@ function Index() {
                         <Carousel
                             width={layout?.width ?? PAGE_WIDTH}
                             height={30}
-                            style={{
-                                width: 200,
-                            }}
+                            style={[
+                                {
+                                    width: 200,
+                                },
+                            ]}
                             snapEnabled={false}
                             pagingEnabled={false}
                             loop
diff --git a/src/types.ts b/src/types.ts
index f9b5fe19..29487ce5 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -1,4 +1,4 @@
-import type { ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 import type { PanGestureHandlerProps } from 'react-native-gesture-handler';
 import type {
     AnimatedStyleProp,
@@ -104,7 +104,7 @@ export type TCarouselProps<T = any> = {
     /**
      * Carousel container style
      */
-    style?: ViewStyle;
+    style?: StyleProp<ViewStyle>;
     /**
      * PanGestureHandler props
      */