diff --git a/src/css/style.css b/src/css/style.css
index 8c661674..e3431321 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -504,6 +504,10 @@ header #back-button {
   margin-right: 15px !important;
 }
 
+.chat-item.has-unseen .text, .chat-item.has-unseen .name {
+  font-weight: bold;
+}
+
 .chat-item .text {
   padding-right: 5px;
   padding-top: 16px;
diff --git a/src/js/app.js b/src/js/app.js
index 2ba23e8e..de322914 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -961,12 +961,15 @@ function changeChatUnseenCount(pub, change) {
     chats[pub].unseen = 0;
   }
   unseenTotal = unseenTotal >= 0 ? unseenTotal : 0;
-  var el = $('.chat-item[data-pub="' + pub +'"] .unseen');
+  var chatListEl = $('.chat-item[data-pub="' + pub +'"]');
+  var unseenCountEl = chatListEl.find('.unseen');
   if (chats[pub].unseen > 0) {
-    el.text(chats[pub].unseen);
-    el.show();
+    chatListEl.addClass('has-unseen');
+    unseenCountEl.text(chats[pub].unseen);
+    unseenCountEl.show();
   } else {
-    el.hide();
+    chatListEl.removeClass('has-unseen');
+    unseenCountEl.hide();
   }
   setUnseenTotal();
 }