diff --git a/styles/app/index.styl b/styles/app/index.styl
index e87552b8ed..42b7bdb132 100644
--- a/styles/app/index.styl
+++ b/styles/app/index.styl
@@ -83,8 +83,11 @@ li:hover .task-meta .edit-link
   img
     width: 60px
 
-  td
+  td#avatar
+    vertical-align: top
     text-align: center
+  td#bars
+    padding: 10px 0 0 10px
 
 #bars 
   width: 400px
diff --git a/views/app/index.html b/views/app/index.html
index 0bcdef9ad8..31c98e9e73 100644
--- a/views/app/index.html
+++ b/views/app/index.html
@@ -9,7 +9,7 @@
         <tr>
           <td id="avatar">
             <img src="/img/avatar/{_user.lvl}.png" /><br/>
-            <b><div id="lvl">Lvl: {_user.lvl}</div></b>
+            <div id="lvl"><span class="badge badge-info">Lvl: {_user.lvl}</span></div>
           </td>
           <td id="bars">
             <div class="progress progress-danger">