diff --git a/app/templates/index.html b/app/templates/index.html
index 81f7f95..bfcf880 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -105,7 +105,7 @@ input:checked + .slider:before {
 <body>
 
   <div class="container">
-    <h1 class="mt-3">powerbar.ti (0.0.5)</h1>
+    <h1 class="mt-3">powerbar.ti (0.0.7)</h1>
     <hr>
   </div>
 
@@ -168,20 +168,21 @@ input:checked + .slider:before {
         <div class="col-md-12">
           <div class="card" style="margin:10px 0">
               <div class="card-header"><h2>Groups</h2></div>
+              <ul class="list-group list-group-flush">
               {% for group in all_groups %}
               <li class="list-group-item">
                 <div class="row">
-                <div class="col-md-7">{{group.name}}</div>
-                <div class="col-md-5">
+                <div class="col-md-6">{{group.name}}</div>
+                <div class="col-md-6">
                   <div class="btn-group" role="group" aria-label="Powerbar Controls">
                     <button class="btn btn-success" onclick="getUrl('/{{group.powerbar}}/groups/{{group.name}}/off')">Off</button>
                     <button class="btn btn-primary" onclick="getUrl('/{{group.powerbar}}/groups/{{group.name}}/on')">On</button>
                   </div>
                 </div>
               </div>
-              <hr>
               </li>
             {% endfor %}
+          </ul>
           </div>
         </div>
       {% endif %}
