diff --git a/www/notifications/app-notifications.less b/www/notifications/app-notifications.less
index 8bf0eccbe..b3dcf439c 100644
--- a/www/notifications/app-notifications.less
+++ b/www/notifications/app-notifications.less
@@ -78,6 +78,7 @@
                 justify-content: flex-start;
                 align-items: center;
                 background-color: @cp_notif-bg;
+                border-top: 1px solid @cp_notif-table-border;
                 &.no-notifications {
                     display: none;
                     padding: 1rem 1rem;
@@ -95,12 +96,14 @@
                         background-color: @cp_notif-hover;
                     }
                 }
+                .cp-avatar-calendar {
+                    font-size: 45px;
+                    padding: 0 12px;
+                    overflow: hidden;
+                }
                 &.cp-app-notification-archived {
                     background-color: @cp_notif-bg;
                 }
-                &:not(:first-child) {
-                    border-top: 1px solid @cp_notif-table-border;
-                }
                 &.dismissed {
                     display: none;
                 }
diff --git a/www/notifications/inner.js b/www/notifications/inner.js
index 874a88b15..7abcbac79 100644
--- a/www/notifications/inner.js
+++ b/www/notifications/inner.js
@@ -87,6 +87,8 @@ define([
             // if the type of notification correspond
             if (filterTypes.indexOf(data.content.msg.type) !== -1) {
                 notifsData.push(data);
+                var icon = $(el).find(".cp-reminder");
+                $(icon).addClass('cp-avatar-calendar');
                 $(notifsList).prepend(el);
             }
         };
@@ -143,7 +145,7 @@ define([
             $(loadmore).click();
         }
 
-        common.mailbox.subscribe(["notifications"], {
+        common.mailbox.subscribe(["notifications", "reminders"], {
             onMessage: function (data, el) {
                 addNotification(data, el);
             },