diff --git a/components/carousel/__tests__/__snapshots__/index.test.js.snap b/components/carousel/__tests__/__snapshots__/index.test.js.snap
index 50e2519af5..0cd05b6ab9 100644
--- a/components/carousel/__tests__/__snapshots__/index.test.js.snap
+++ b/components/carousel/__tests__/__snapshots__/index.test.js.snap
@@ -55,7 +55,7 @@ exports[`Carousel should works for dotPosition bottom 1`] = `
 
 exports[`Carousel should works for dotPosition left 1`] = `
 <div
-  class="ant-carousel"
+  class="ant-carousel ant-carousel-vertical"
 >
   <div
     class="slick-slider slick-initialized"
@@ -89,7 +89,7 @@ exports[`Carousel should works for dotPosition left 1`] = `
 
 exports[`Carousel should works for dotPosition right 1`] = `
 <div
-  class="ant-carousel"
+  class="ant-carousel ant-carousel-vertical"
 >
   <div
     class="slick-slider slick-initialized"
diff --git a/components/carousel/index.tsx b/components/carousel/index.tsx
index 2e19fae986..290d54546b 100644
--- a/components/carousel/index.tsx
+++ b/components/carousel/index.tsx
@@ -109,6 +109,7 @@ export default class Carousel extends React.Component<CarouselProps, {}> {
 
     const className = classNames(prefixCls, {
       [`${prefixCls}-rtl`]: direction === 'rtl',
+      [`${prefixCls}-vertical`]: dotPosition === 'left' || dotPosition === 'right',
     });
 
     return (