diff --git a/src/views/carousel/CarouselDemo.vue b/src/views/carousel/CarouselDemo.vue
index 3bf54e146..cbd71faab 100755
--- a/src/views/carousel/CarouselDemo.vue
+++ b/src/views/carousel/CarouselDemo.vue
@@ -63,7 +63,7 @@
             </div>
 
             <div class="card">
-                <Carousel :value="products" :numVisible="1" :numScroll="1" orientation="vertical" verticalViewPortHeight="325px"
+                <Carousel :value="products" :numVisible="1" :numScroll="1" orientation="vertical" verticalViewPortHeight="352px"
                             style="max-width: 400px; margin-top: 2em">
                     <template #header>
                         <h5>Vertical</h5>
@@ -150,4 +150,4 @@ export default {
         box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
     }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/carousel/CarouselDoc.vue b/src/views/carousel/CarouselDoc.vue
index f4ec98ae8..833cc6868 100755
--- a/src/views/carousel/CarouselDoc.vue
+++ b/src/views/carousel/CarouselDoc.vue
@@ -320,7 +320,7 @@ data() {
 &lt;/div&gt;
 
 &lt;div class="card"&gt;
-&lt;Carousel :value="products" :numVisible="1" :numScroll="1" orientation="vertical" verticalViewPortHeight="325px"
+&lt;Carousel :value="products" :numVisible="1" :numScroll="1" orientation="vertical" verticalViewPortHeight="352px"
             style="max-width: 400px; margin-top: 2em"&gt;
     &lt;template #header&gt;
         &lt;h5&gt;Vertical&lt;/h5&gt;
@@ -403,4 +403,4 @@ export default {
 			</TabPanel>
 		</TabView>
 	</div>
-</template>
\ No newline at end of file
+</template>