diff --git a/views/options/inventory/stable.jade b/views/options/inventory/stable.jade
index d9e1ce8130..e38114cf7f 100644
--- a/views/options/inventory/stable.jade
+++ b/views/options/inventory/stable.jade
@@ -56,8 +56,8 @@ script(type='text/ng-template', id='partials/options.inventory.pets.html')
           menu
             div(ng-repeat='potion in Content.hatchingPotions', popover-trigger='mouseenter', popover='{{potion.text}} {{egg.text}}', popover-placement='bottom', ng-init='pet = egg.key+"-"+potion.key')
               button(class="pet-button Pet-{{pet}}", ng-if='user.items.pets[pet]>0', ng-class='{active: user.items.currentPet == pet, selectableInventory: selectedFood}', ng-click='choosePet(egg.key, potion.key)')
-                .progress(ng-show='!user.items.mounts[pet]', ng-class='{"progress-success": user.items.pets[pet]<50}')
-                  .bar(style="width: {{user.items.pets[pet]/.5}}%;")
+                .progress(ng-show='!user.items.mounts[pet]')
+                  .progress-bar.progress-bar-success(style="width:{{user.items.pets[pet]/.5}}%")
               button(class="pet-button pet-not-owned", ng-if='!user.items.pets[pet]')
                 .PixelPaw
               button(class="pet-button Pet-{{pet}}" ng-if='user.items.pets[pet]<0',style='opacity:0.1;filter:alpha(opacity=10)')