diff --git a/src/Components/NotificationItem.vue b/src/Components/NotificationItem.vue
index 5023a4ff2..4fed10958 100644
--- a/src/Components/NotificationItem.vue
+++ b/src/Components/NotificationItem.vue
@@ -155,7 +155,7 @@ export default {
 		},
 	},
 
-	emits: ['remove', 'dismiss'],
+	emits: ['remove', 'dismiss', 'close'],
 
 	expose: ['focus'],
 
@@ -252,7 +252,9 @@ export default {
 
 				if (action.type === 'WEB') {
 					if (executeEvent.cancelAction) {
+						// The app handled the link itself, so the page stays and the menu has to close
 						event.preventDefault()
+						this.$emit('close')
 					}
 					return
 				}
diff --git a/src/NotificationsApp.vue b/src/NotificationsApp.vue
index 4ef7b5467..2abf26eea 100644
--- a/src/NotificationsApp.vue
+++ b/src/NotificationsApp.vue
@@ -27,6 +27,7 @@
 					class="notification-wrapper"
 					name="list"
 					tag="ul"
+					:css="open"
 					@beforeLeave="onBeforeLeave">
 					<NotificationItem
 						v-if="hasThrottledPushNotifications"
@@ -39,7 +40,8 @@
 						:class="{ 'notification--new': notification.notificationId > lastOpenMaxId }"
 						:notification="notification"
 						@remove="onRemove(index)"
-						@dismiss="onDismiss(notification, index)" />
+						@dismiss="onDismiss(notification, index)"
+						@close="open = false" />
 				</transition-group>
 
 				<!-- No notifications -->