diff --git a/src/plugins/notificationIndicator/components/NotificationIndicator.vue b/src/plugins/notificationIndicator/components/NotificationIndicator.vue
index b53d80d8a66..7e13a4e952c 100644
--- a/src/plugins/notificationIndicator/components/NotificationIndicator.vue
+++ b/src/plugins/notificationIndicator/components/NotificationIndicator.vue
@@ -43,6 +43,7 @@
       :notifications="notifications"
       @close="toggleNotificationsList"
       @clear-all="dismissAllNotifications"
+      @notification-dismissed="updateNotifications"
     />
   </div>
 </template>
diff --git a/src/plugins/notificationIndicator/components/NotificationMessage.vue b/src/plugins/notificationIndicator/components/NotificationMessage.vue
index f6f932adf8a..34c87d34aee 100644
--- a/src/plugins/notificationIndicator/components/NotificationMessage.vue
+++ b/src/plugins/notificationIndicator/components/NotificationMessage.vue
@@ -38,7 +38,7 @@
       <button
         :aria-label="'Dismiss notification of ' + notification.model.message"
         class="c-click-icon c-overlay__close-button icon-x"
-        @click="dismiss()"
+        @click="dismissNotification($event)"
       ></button>
       <div class="c-overlay__button-bar">
         <button
@@ -82,6 +82,7 @@ export default {
       required: true
     }
   },
+  emits: ['notification-dismissed'],
   data() {
     return {
       isProgressNotification: false,
@@ -108,6 +109,14 @@ export default {
       this.progressPerc = progressPerc;
       this.progressText = progressText;
     },
+    dismissNotification(event) {
+      event.preventDefault();
+      event.stopPropagation();
+      event.stopImmediatePropagation();
+
+      this.notification.dismiss();
+      this.$emit('notification-dismissed');
+    },
     dismiss() {
       this.notification.dismiss();
       if (this.notificationsCount === 1) {
diff --git a/src/plugins/notificationIndicator/components/NotificationsList.vue b/src/plugins/notificationIndicator/components/NotificationsList.vue
index 6cd18ac9b9f..ebc216c3dbf 100644
--- a/src/plugins/notificationIndicator/components/NotificationsList.vue
+++ b/src/plugins/notificationIndicator/components/NotificationsList.vue
@@ -34,6 +34,7 @@
         :close-overlay="closeOverlay"
         :notification="notification"
         :notifications-count="notifications.length"
+        @notification-dismissed="onNotificationDismissed"
       />
     </div>
   </div>
@@ -53,7 +54,7 @@ export default {
       required: true
     }
   },
-  emits: ['close', 'clear-all'],
+  emits: ['close', 'clear-all', 'notification-dismissed'],
   data() {
     return {};
   },
@@ -84,6 +85,9 @@ export default {
     closeOverlay() {
       this.overlay.dismiss();
     },
+    onNotificationDismissed() {
+      this.$emit('notification-dismissed');
+    },
     notificationsCountDisplayMessage(count) {
       if (count > 1 || count === 0) {
         return `Displaying ${count} notifications`;