diff --git a/src/js/main.js b/src/js/main.js
index 7c27478..9e4b39e 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -57,7 +57,7 @@ $(function() {
       headerMsg = data.numUsers + " participants";
     }
 
-    $participants.text(headerMsg);
+    $participants.text(data.numUsers);
     log(message);
   }
 
diff --git a/src/public/style.css b/src/public/style.css
index c2b87ff..ed9e6c6 100644
--- a/src/public/style.css
+++ b/src/public/style.css
@@ -187,4 +187,10 @@ input {
 
 .inputMessage.encryption-disabled {
   background-color: rgba(254, 6, 6, 0.15);
+}
+
+.participants {
+  position: relative;
+  top: 16px;
+  text-align: center;
 }
\ No newline at end of file
diff --git a/src/views/index.mustache b/src/views/index.mustache
index 8743f03..09fca65 100644
--- a/src/views/index.mustache
+++ b/src/views/index.mustache
@@ -24,7 +24,10 @@
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
         </button>
-        <a class="navbar-brand" href="#">FattyChat</a> <small id="participants"></small>
+        <a class="navbar-brand" href="#">FattyChat</a>
+        <span class="participants">
+          <span class="glyphicon glyphicon-user"></span>&nbsp;<span id="participants"></span>
+        </span>
       </div>
 
       <!-- Collect the nav links, forms, and other content for toggling -->