diff --git a/components/carousel/PropsType.tsx b/components/carousel/PropsType.tsx
index 9bd07687ae..2b5718f059 100644
--- a/components/carousel/PropsType.tsx
+++ b/components/carousel/PropsType.tsx
@@ -18,6 +18,7 @@ interface Props {
   onScrollBeginDrag?: Function;
   onMomentumScrollEnd?: Function;
   styles?: any;
+  initialSlideWidth?: number;
 }
 
 export default Props;
diff --git a/components/grid/index.web.tsx b/components/grid/index.web.tsx
index ee13f92731..fea5027bb3 100644
--- a/components/grid/index.web.tsx
+++ b/components/grid/index.web.tsx
@@ -90,7 +90,7 @@ export default class Grid extends React.Component<GridProps, any> {
           [className as string]: className,
         })}
       >
-        {isCarousel && pageCount > 1 ? <Carousel>{pagesArr}</Carousel> : rowsArr}
+        {isCarousel && pageCount > 1 ? <Carousel initialSlideWidth={this.clientWidth}>{pagesArr}</Carousel> : rowsArr}
       </div>
     );
   }