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 ca93f5d17..8489e3809 100644
--- a/www/notifications/inner.js
+++ b/www/notifications/inner.js
@@ -86,9 +86,9 @@ define([
         var addNotification = function (data, el) {
             // if the type of notification correspond
             if (filterTypes.indexOf(data.content.msg.type) !== -1) {
-                var icon = $(".cp-reminder");
-                $(icon).wrap('<span class="cp-avatar"></span>').wrap('<span class="cp-avatar-default" alt="" aria-hidden="true"></span>')
                 notifsData.push(data);
+                var icon = $(el).find(".cp-reminder");
+                $(icon).addClass('cp-avatar-calendar')
                 $(notifsList).prepend(el);
             }
         };