diff --git a/styles/app/items.styl b/styles/app/items.styl
index c6bddc2eff..7d4f8c1716 100644
--- a/styles/app/items.styl
+++ b/styles/app/items.styl
@@ -82,7 +82,10 @@
       outline-offset: -1px
     &:hover, &:focus
       background-color: darken($better, 10%)
-                        
+
+.current-pet
+    left: 0px
+    bottom: 5px
 
 .item-drop-icon
     float:left
diff --git a/views/app/avatar.html b/views/app/avatar.html
index 741d1893fc..bbdbc61f1c 100644
--- a/views/app/avatar.html
+++ b/views/app/avatar.html
@@ -55,20 +55,20 @@
                             </div>
                         ">
         <div class='character-sprites'>
-            {#if and(@profile.items.currentPet, not(@minimal))}
-            <span class="Pet-{_user.items.currentPet.name}-{_user.items.currentPet.modifier}" ></span>
-            {/}
             {#with @profile.preferences as :p}
-            <span class='{:p.gender}_skin_{:p.skin}'></span>
-            <span class='{:p.gender}_hair_{:p.hair}'></span>
-            <span class="{equipped(@profile, 'armor')}"></span>
-            {#if :p.showHelm}
-                <span class="{equipped(@profile, 'head')}"></span>
-            {else}
-                <span class="{:p.gender}_head_0"></span>
+                <span class='{:p.gender}_skin_{:p.skin}'></span>
+                <span class='{:p.gender}_hair_{:p.hair}'></span>
+                <span class="{equipped(@profile, 'armor')}"></span>
+                {#if :p.showHelm}
+                    <span class="{equipped(@profile, 'head')}"></span>
+                {else}
+                    <span class="{:p.gender}_head_0"></span>
+                {/}
+                <span class='{:p.gender}_shield_{@profile.items.shield}'></span>
+                <span class='{:p.gender}_weapon_{@profile.items.weapon}'></span>
             {/}
-            <span class='{:p.gender}_shield_{@profile.items.shield}'></span>
-            <span class='{:p.gender}_weapon_{@profile.items.weapon}'></span>
+            {#if and(@profile.items.currentPet, not(@minimal))}
+                <span class="Pet-{_user.items.currentPet.name}-{_user.items.currentPet.modifier} current-pet" ></span>
             {/}
         </div>
     </figure>