diff --git a/components/carousel/__tests__/__snapshots__/index.test.js.snap b/components/carousel/__tests__/__snapshots__/index.test.js.snap
index 0cd05b6ab9..0285452d38 100644
--- a/components/carousel/__tests__/__snapshots__/index.test.js.snap
+++ b/components/carousel/__tests__/__snapshots__/index.test.js.snap
@@ -58,7 +58,7 @@ exports[`Carousel should works for dotPosition left 1`] = `
   class="ant-carousel ant-carousel-vertical"
 >
   <div
-    class="slick-slider slick-initialized"
+    class="slick-slider slick-vertical slick-initialized"
   >
     <div
       class="slick-list"
@@ -92,7 +92,7 @@ exports[`Carousel should works for dotPosition right 1`] = `
   class="ant-carousel ant-carousel-vertical"
 >
   <div
-    class="slick-slider slick-initialized"
+    class="slick-slider slick-vertical slick-initialized"
   >
     <div
       class="slick-list"
diff --git a/components/carousel/index.tsx b/components/carousel/index.tsx
index 290d54546b..9196dc8b56 100644
--- a/components/carousel/index.tsx
+++ b/components/carousel/index.tsx
@@ -105,11 +105,12 @@ export default class Carousel extends React.Component<CarouselProps, {}> {
     const prefixCls = getPrefixCls('carousel', props.prefixCls);
     const dotsClass = 'slick-dots';
     const dotPosition = this.getDotPosition();
+    props.vertical = dotPosition === 'left' || dotPosition === 'right';
     props.dotsClass = `${dotsClass} ${dotsClass}-${dotPosition || 'bottom'}`;
 
     const className = classNames(prefixCls, {
       [`${prefixCls}-rtl`]: direction === 'rtl',
-      [`${prefixCls}-vertical`]: dotPosition === 'left' || dotPosition === 'right',
+      [`${prefixCls}-vertical`]: props.vertical,
     });
 
     return (