diff --git a/src/components/carousel/Carousel.vue b/src/components/carousel/Carousel.vue
index 736eda216..a73a56baa 100644
--- a/src/components/carousel/Carousel.vue
+++ b/src/components/carousel/Carousel.vue
@@ -408,6 +408,7 @@ export default {
 				page = this.totalDots - 1;
 
 				this.$emit('update:page', page);
+				this.d_page = page;
 
 				stateChanged = true;
 			}
@@ -553,7 +554,7 @@ export default {
 	overflow: auto;
 }
 
-.p-carousel-dots-container {
+.p-carousel .p-carousel-dots-container {
 	display: flex;
 	flex-direction: row;
 	justify-content: center;