diff --git a/tsstats/templates/stats.jinja2 b/tsstats/templates/stats.jinja2
index 8a34fcc..653411b 100644
--- a/tsstats/templates/stats.jinja2
+++ b/tsstats/templates/stats.jinja2
@@ -12,9 +12,9 @@
   <ul class="list-group" id="{{ headline_id }}">
     {% for client, value in clients %}
     {% set id = [headline_id, client.nick|striptags]|join('.') %}
-    <li id="{{ id }}" class="list-group-item{{ ' list-group-item-success' if client.connected else loop.cycle('" style="background-color: #eee;', '') }}">
+    <li id="{{ id }}" class="list-group-item justify-content-between{{ ' list-group-item-success' if client.connected else loop.cycle('" style="background-color: #eee;', '') }}">
       <span class="hint--right hint--medium--xs" data-hint="{{ client.nick_history|join(', ') }}"><a href="#{{ id }}">{{ client.nick }}{{ " (" + client.identifier + ")" if debug }}</a></span>
-      <span class="badge"><div{% if not client.connected and headline == 'Onlinetime' %} class="hint--left" data-hint="{{ client.last_seen|lastseen }}"{% endif %}>{{ value }}</div></span>
+      <span class="badge badge-default badge-pill"><div{% if not client.connected and headline == 'Onlinetime' %} class="hint--left" data-hint="{{ client.last_seen|lastseen }}"{% endif %}>{{ value }}</div></span>
     </li>
     {% endfor %}
   </ul>