diff --git a/addons/mail/static/src/js/systray.js b/addons/mail/static/src/js/systray.js
index 8deb1ac24a0..83ac8cb3dd7 100644
--- a/addons/mail/static/src/js/systray.js
+++ b/addons/mail/static/src/js/systray.js
@@ -36,7 +36,7 @@ var NotificationTopButton = Widget.extend({
             return this._super();
         },
         update_counter: function (counter) {
-            this.$('.fa-comment').html(counter);
+            this.$('.o_notification_counter').html(counter);
         },
         on_click: function (event) {
             var self = this;
diff --git a/addons/mail/static/src/xml/systray.xml b/addons/mail/static/src/xml/systray.xml
index 5f355d88969..58a735e80c5 100644
--- a/addons/mail/static/src/xml/systray.xml
+++ b/addons/mail/static/src/xml/systray.xml
@@ -11,7 +11,7 @@
     <t t-name="mail.chat.NotificationTopButton">
         <li t-att-title='_t("Notifications")'>
             <a href="#">
-                <i class="fa fa-comment"/> <t t-esc="widget.get('counter') || ''"/>
+                <i class="fa fa-comment"/> <span class="o_notification_counter"/>
             </a>
         </li>
     </t>