diff --git a/src/components/carousel/Carousel.vue b/src/components/carousel/Carousel.vue
index a73a56baa..1f84a61cf 100644
--- a/src/components/carousel/Carousel.vue
+++ b/src/components/carousel/Carousel.vue
@@ -433,6 +433,8 @@ export default {
 			}
 
 			this.d_oldNumScroll = this.d_numScroll;
+			this.d_oldNumVisible = this.d_numVisible;
+			this.d_oldValue = this.value;
 
 			this.$refs.itemsContainer.style.transform = this.isVertical() ? `translate3d(0, ${totalShiftedItems * (100/ this.d_numVisible)}%, 0)` : `translate3d(${totalShiftedItems * (100/ this.d_numVisible)}%, 0, 0)`;
 		}
diff --git a/src/views/carousel/CarouselDemo.vue b/src/views/carousel/CarouselDemo.vue
index 534c4130a..914a1a6ee 100644
--- a/src/views/carousel/CarouselDemo.vue
+++ b/src/views/carousel/CarouselDemo.vue
@@ -166,7 +166,7 @@ export default {
 	}
 
 	&.custom-carousel {
-		.p-carousel-dot-icon  {
+		/deep/ .p-carousel-dot-icon  {
 			width: 16px !important;
 			height: 16px !important;
 			border-radius: 50%;