diff --git a/styles/app/index.styl b/styles/app/index.styl
index 27f1bd7c4f..25a7493ff0 100644
--- a/styles/app/index.styl
+++ b/styles/app/index.styl
@@ -150,3 +150,22 @@ hr
 
 .modal-body
     margin: 10px
+
+.static-popover
+    z-index 0
+    display block
+
+
+// TODO this is supposed to go in avatar.styl, but stylus is breaking if I even touch that file
+.profile-modal-header
+    width:560px
+    margin: 0px auto
+
+.avatar-level
+    position absolute
+    bottom 0px
+    right 0px
+    background-color #dfe9ea
+    padding 1px 3px 1px 3px
+
+
diff --git a/views/app/avatar.html b/views/app/avatar.html
index af005c1615..543b5053dc 100644
--- a/views/app/avatar.html
+++ b/views/app/avatar.html
@@ -10,7 +10,7 @@
 
 <avatar:>
     <figure class="herobox"
-                data-name="{username(@profile.auth, @profile.profile.name)} - lvl {@profile.stats.lvl}"
+                data-name="{username(@profile.auth, @profile.profile.name)}"
                 data-level="{@profile.stats.lvl}"
                 data-checkpet="{#if @profile.items.pet}hasPet{/}"
                 data-checkuser="{{#if @main}}isUser{{/}}"
@@ -46,26 +46,27 @@
                 <span class="Pet-{@profile.items.currentPet.name}-{@profile.items.currentPet.modifier} current-pet" ></span>
             {/}
         </div>
+        <div class='avatar-level'>Lvl {@profile.stats.lvl}</div>
     </figure>
 
 <profile-stats:>
-    <h3>Items</h3>
-    <p><strong>{itemText('weapon',_user.items.weapon)}</strong>: {itemStat('weapon',_user.items.weapon)}% Exp gain</p>
-    <p><strong>{itemText('armor',_user.items.armor)}</strong>: {itemStat('armor',_user.items.armor)}% Defense</p>
-    <p><strong>{itemText('head',_user.items.head)}</strong>: {itemStat('head',_user.items.head)}% Defense</p>
-    <p><strong>{itemText('shield',_user.items.shield)}</strong>: {itemStat('shield',_user.items.shield)}% Defense</p>
+    <h4>Items</h4>
+    <p><strong>{itemText('weapon',@profile.items.weapon)}</strong>: {itemStat('weapon',@profile.items.weapon)}% Exp gain</p>
+    <p><strong>{itemText('armor',@profile.items.armor)}</strong>: {itemStat('armor',@profile.items.armor)}% Defense</p>
+    <p><strong>{itemText('head',@profile.items.head)}</strong>: {itemStat('head',@profile.items.head)}% Defense</p>
+    <p><strong>{itemText('shield',@profile.items.shield)}</strong>: {itemStat('shield',@profile.items.shield)}% Defense</p>
 
-    <h3>Stats</h3>
-    <p><strong>HP</strong>: {floor(_user.stats.hp)} / 50</p>
-    <p><strong>GP</strong>: {floor(_user.stats.gp)}</p>
-    <p><strong>Lvl</strong>: {_user.stats.lvl}</p>
-    <p><strong>Exp</strong>: {floor(_user.stats.exp)} / {tnl(_user.stats.lvl)}</p>
-    <p><strong>Strength</strong>: {userStr(_user.stats.lvl)}</p>
-    <p><strong>Defense</strong>: {userDef(_user.stats.lvl)}</p>
-    <p><strong>Pets Found</strong>: {count(_user.items.pets)}</p>
+    <h4>Stats</h4>
+    <p><strong>HP</strong>: {floor(@profile.stats.hp)} / 50</p>
+    <p><strong>GP</strong>: {floor(@profile.stats.gp)}</p>
+    <p><strong>Lvl</strong>: {@profile.stats.lvl}</p>
+    <p><strong>Exp</strong>: {floor(@profile.stats.exp)} / {tnl(@profile.stats.lvl)}</p>
+    <p><strong>Strength</strong>: {userStr(@profile.stats.lvl)}</p>
+    <p><strong>Defense</strong>: {userDef(@profile.stats.lvl)}</p>
+    <p><strong>Pets Found</strong>: {count(@profile.items.pets)}</p>
     <hr/>
-    <p><strong>Total Strength</strong>: {totalStr(_user.stats.lvl, _user.items.weapon)} %</p>
-    <p><strong>Total Defense</strong>: {totalDef(_user.stats.lvl, _user.items.armor, _user.items.head, _user.items.shield)} %</p>
+    <p><strong>Total Strength</strong>: {totalStr(@profile.stats.lvl, @profile.items.weapon)} %</p>
+    <p><strong>Total Defense</strong>: {totalDef(@profile.stats.lvl, @profile.items.armor, @profile.items.head, @profile.items.shield)} %</p>
 
 
 <customize:>
@@ -161,9 +162,10 @@
     </div>
 
 <profile:>
+    <h2 class='profile-modal-header'>{{username(@profile.auth, @profile.profile.name)}}</h2>
+    <hr/>
     <div class='row-fluid'>
         <div class='span6'>
-            <h3>{{username(@profile.auth, @profile.profile.name)}}</h3>
             {{#if @profile.profile.imageUrl}}
                 <img src="{{@profile.profile.imageUrl}}" />
             {{/}}
@@ -177,10 +179,13 @@
                     {{/}}
                 </ul>
             {{/}}
+            <h3>Stats</h3>
+            <app:avatar:profile-stats profile={{@profile}} />
         </div>
         <div class='span6'>
             <h3>Achievements</h3>
             <app:avatar:achievements profile={{@profile}} />
+
         </div>
     </div>
 
diff --git a/views/app/game-pane.html b/views/app/game-pane.html
index 6d26651479..117f7896c7 100644
--- a/views/app/game-pane.html
+++ b/views/app/game-pane.html
@@ -27,7 +27,7 @@
                         <app:avatar:customize />
                     </div>
                     <div class='span4  border-right'>
-                        <app:avatar:profile-stats />
+                        <app:avatar:profile-stats profile={_user} />
                     </div>
                     <div class='span4'>
                         <app:avatar:profile-edit />
@@ -78,7 +78,7 @@
         <div class='span4 border-right'>
             <div class='tavern-pane'>
                 <img src='/img/npcs/daniel.png' />
-                <div class="popover fade right in" style="top: 0px; left: 135px; display: block;">
+                <div class="popover static-popover fade right in" style="top: 0px; left: 135px;">
                     <div class="arrow"></div>
                     <h3 class="popover-title">Daniel Johansson</h3>
                     <div class="popover-content">
@@ -122,7 +122,7 @@
     <!-- pets pane -->
     <div class="tab-pane pet-grid" id="market-tab">
         <img src='/img/npcs/alex.png' />
-        <div class="popover fade right in" style="top: 0px; left: 170px; display: block;">
+        <div class="popover static-popover fade right in" style="top: 0px; left: 170px;">
             <div class="arrow"></div>
             <h3 class="popover-title">Alexander Augustin</h3>
             <div class="popover-content">Welcome to the Market! I'm the merchant, <a target="_blank" href="http://www.kickstarter.com/profile/523661924">Alexander</a>. Dying to get that particular pet you're after, but don't want to wait for it to drop? Buy it here!</div>
diff --git a/views/app/pets.html b/views/app/pets.html
index a46c6d87b0..8d934855a2 100644
--- a/views/app/pets.html
+++ b/views/app/pets.html
@@ -98,7 +98,7 @@
     <!-- tables, I know - I spent a good 1h here with divs & row-fluid and can't get it working, so screw it -->
     <table><tr>
         <td><img src='/img/npcs/matt.png' /></td>
-        <td><div class="popover fade right in" style="position:relative;display:block;max-width:550px;margin-left:10px">
+        <td><div class="popover static-popover fade right in" style="position:relative;max-width:550px;margin-left:10px">
             <div class="arrow"></div>
             <h3 class="popover-title">Matt Boch</h3>
             <div class="popover-content">