diff --git a/frappe/public/js/frappe/ui/notifications/notifications.js b/frappe/public/js/frappe/ui/notifications/notifications.js
index 6fa8303574..bf1cee2cbf 100644
--- a/frappe/public/js/frappe/ui/notifications/notifications.js
+++ b/frappe/public/js/frappe/ui/notifications/notifications.js
@@ -283,12 +283,13 @@ class NotificationsView extends BaseNotificationsView {
 				e.stopImmediatePropagation();
 				this.mark_as_read(field.name, item_html);
 			});
-
-			item_html.on('click', () => {
-				this.mark_as_read(field.name, item_html);
-			});
 		}
 
+		item_html.on('click', () => {
+			!field.read && this.mark_as_read(field.name, item_html);
+			this.notifications_icon.trigger('click');
+		});
+
 		return item_html;
 	}