diff --git a/css/glowingbear.css b/css/glowingbear.css
index ca39920..715a17b 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -114,6 +114,7 @@ input[type=text], input[type=password], #sendMessage, .badge {
     left: 145px; /* sidebar */
     overflow: hidden;
 }
+
 #topbar .actions {
     margin-left: 5px;
     padding-left: 5px;
@@ -492,20 +493,20 @@ h2 span, h2 small {
     }
 }
 /* bold hash before channels */
-li.buffer.channel a span:last-of-type:before {
+li.buffer.channel a span:last-of-type:before, #topbar .title .channel:before {
     color: #888;
     font-weight: bold;
 }
 
-li.buffer.channel_hash a span:last-of-type:before {
+li.buffer.channel_hash a span:last-of-type:before, #topbar .title .channel_hash:before {
     content: '#';
 }
 
-li.buffer.channel_plus a span:last-of-type:before {
+li.buffer.channel_plus a span:last-of-type:before, #topbar .title .channel_plus:before {
     content: '+';
 }
 
-li.buffer.channel_ampersand a span:last-of-type:before {
+li.buffer.channel_ampersand a span:last-of-type:before, #topbar .title .channel_ampersand:before {
     content: '&';
 }
 
diff --git a/index.html b/index.html
index 7d63955..0875171 100644
--- a/index.html
+++ b/index.html
@@ -225,7 +225,7 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
 
         <div class="title" title="{{activeBuffer().rtitle}}">
           <span class="visible-lg" ng-repeat="part in activeBuffer().title" ng-class="::part.classes" ng-bind-html="::(part.text | linky:'_blank' | DOMfilter:'irclinky')"></span>
-          <span class="hidden-lg" ng-click="showModal('topicModal')">{{ activeBuffer().trimmedName || activeBuffer().fullName }}</span>
+          <span class="hidden-lg" ng-click="showModal('topicModal')" ng-class="{'active': activeBuffer().active, 'indent': activeBuffer().indent, 'channel': activeBuffer().type === 'channel', 'channel_hash': activeBuffer().prefix === '#', 'channel_plus': activeBuffer().prefix === '+', 'channel_ampersand': activeBuffer().prefix === '&', 'private': activeBuffer().type === 'private'}">{{ activeBuffer().trimmedName || activeBuffer().fullName }}</span>
         </div>
 
         <div class="actions pull-right vertical-line-left">