diff --git a/css/glowingbear.css b/css/glowingbear.css
index f8e241a..b556e46 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -221,7 +221,7 @@ input[type=text], input[type=password], #sendMessage {
    display: none;
 }
 
-#sidebar .buffer.unread .badge {
+#sidebar .buffer.unread .badge, #sidebar .buffer.notification .badge {
     display: inline-block;
     border-radius: 0;
     margin-right: -10px;
diff --git a/index.html b/index.html
index 972d53d..839a0ec 100644
--- a/index.html
+++ b/index.html
@@ -272,7 +272,8 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
             </form>
           </li>
           <li class="buffer" ng-class="{'active': buffer.active,
-                                        'unread': (buffer.notification || buffer.unread),
+                                        'unread': buffer.unread,
+                                        'notification': buffer.notification,
                                         'highlight': search && search_highlight_key === key,
                                         'indent': buffer.indent,
                                         'channel': buffer.type === 'channel',