diff --git a/www/notifications/app-notifications.less b/www/notifications/app-notifications.less
index b8b2c1f67..df6efcd62 100644
--- a/www/notifications/app-notifications.less
+++ b/www/notifications/app-notifications.less
@@ -89,6 +89,9 @@
                 &:not(:first-child) {
                     border-top: 1px solid #ccc;
                 }
+                &.dismissed {
+                    display: none;
+                }
 
                 .cp-notification-content {
                     flex-grow: 1;
diff --git a/www/notifications/inner.js b/www/notifications/inner.js
index d75293ce3..c305352e9 100644
--- a/www/notifications/inner.js
+++ b/www/notifications/inner.js
@@ -77,6 +77,11 @@ define([
                 if (el) {
                     // if the type of notification correspond
                     if (filterTypes.length === 0 || filterTypes.indexOf(data.content.msg.type) !== -1) {
+                        var dismissHandler = data.content.dismissHandler;
+                        data.content.dismissHandler = function () {
+                            $(el).addClass("dismissed");
+                            dismissHandler();
+                        };
                         notifsData.push(data);
                         $(notifsList).prepend(el);
                     }