diff --git a/website/client/assets/css/sprites/spritesmith-main-24.css b/website/client/assets/css/sprites/spritesmith-main-24.css
index d5b5798bbd..feafcc2fe2 100644
--- a/website/client/assets/css/sprites/spritesmith-main-24.css
+++ b/website/client/assets/css/sprites/spritesmith-main-24.css
@@ -1198,435 +1198,441 @@
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Celestial {
+.Pet-Wolf-Bronze {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -656px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyBlue {
+.Pet-Wolf-Celestial {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -738px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyPink {
+.Pet-Wolf-CottonCandyBlue {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -820px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Cupid {
+.Pet-Wolf-CottonCandyPink {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -902px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Desert {
+.Pet-Wolf-Cupid {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -984px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ember {
+.Pet-Wolf-Desert {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1066px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Fairy {
+.Pet-Wolf-Ember {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1148px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Floral {
+.Pet-Wolf-Fairy {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1230px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Frost {
+.Pet-Wolf-Floral {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1312px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ghost {
+.Pet-Wolf-Frost {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1312px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Glass {
+.Pet-Wolf-Ghost {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1312px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Glow {
+.Pet-Wolf-Glass {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1312px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Golden {
+.Pet-Wolf-Glow {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1312px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Holly {
+.Pet-Wolf-Golden {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1312px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-IcySnow {
+.Pet-Wolf-Holly {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1312px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Peppermint {
+.Pet-Wolf-IcySnow {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1312px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Rainbow {
+.Pet-Wolf-Peppermint {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1312px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Red {
+.Pet-Wolf-Rainbow {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1312px -900px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-RoseQuartz {
+.Pet-Wolf-Red {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1312px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-RoyalPurple {
+.Pet-Wolf-RoseQuartz {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1312px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shade {
+.Pet-Wolf-RoyalPurple {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1312px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shimmer {
+.Pet-Wolf-Shade {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1394px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Skeleton {
+.Pet-Wolf-Shimmer {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1394px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Spooky {
+.Pet-Wolf-Skeleton {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1394px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-StarryNight {
+.Pet-Wolf-Spooky {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1394px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Thunderstorm {
+.Pet-Wolf-StarryNight {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1394px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Veggie {
+.Pet-Wolf-Thunderstorm {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1394px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Veteran {
+.Pet-Wolf-Veggie {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1394px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-White {
+.Pet-Wolf-Veteran {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1394px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Zombie {
+.Pet-Wolf-White {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1394px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Base {
+.Pet-Wolf-Zombie {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1394px -900px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-CottonCandyBlue {
+.Pet-Yarn-Base {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1394px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-CottonCandyPink {
+.Pet-Yarn-CottonCandyBlue {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1394px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Desert {
+.Pet-Yarn-CottonCandyPink {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -1394px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Golden {
+.Pet-Yarn-Desert {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: 0px -1300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Red {
+.Pet-Yarn-Golden {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -82px -1300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Shade {
+.Pet-Yarn-Red {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -164px -1300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Skeleton {
+.Pet-Yarn-Shade {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -246px -1300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-White {
+.Pet-Yarn-Skeleton {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -328px -1300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Zombie {
+.Pet-Yarn-White {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
   background-position: -410px -1300px;
   width: 81px;
   height: 99px;
 }
+.Pet-Yarn-Zombie {
+  background-image: url('~assets/images/sprites/spritesmith-main-24.png');
+  background-position: -492px -1300px;
+  width: 81px;
+  height: 99px;
+}
 .Pet_HatchingPotion_Aquatic {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -561px -1300px;
+  background-position: -643px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Base {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -138px -1400px;
+  background-position: -207px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Bronze {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -630px -1300px;
+  background-position: -712px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Celestial {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -699px -1300px;
+  background-position: -781px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_CottonCandyBlue {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -768px -1300px;
+  background-position: -850px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_CottonCandyPink {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -837px -1300px;
+  background-position: -919px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Cupid {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -906px -1300px;
+  background-position: -988px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Desert {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -975px -1300px;
+  background-position: -1057px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ember {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1044px -1300px;
+  background-position: -1126px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Fairy {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1113px -1300px;
+  background-position: -1195px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Floral {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1182px -1300px;
+  background-position: -1264px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Frost {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1251px -1300px;
+  background-position: -1333px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ghost {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1320px -1300px;
+  background-position: -1402px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Glass {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1389px -1300px;
+  background-position: 0px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Glow {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: 0px -1400px;
+  background-position: -69px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Golden {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -69px -1400px;
+  background-position: -138px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Holly {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -492px -1300px;
+  background-position: -574px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_IcySnow {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -207px -1400px;
+  background-position: -276px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Peppermint {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -276px -1400px;
+  background-position: -345px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Purple {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -345px -1400px;
+  background-position: -414px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Rainbow {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -414px -1400px;
+  background-position: -483px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Red {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -483px -1400px;
+  background-position: -552px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_RoseQuartz {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -552px -1400px;
+  background-position: -621px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_RoyalPurple {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -621px -1400px;
+  background-position: -690px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shade {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -690px -1400px;
+  background-position: -759px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shimmer {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -759px -1400px;
+  background-position: -828px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Skeleton {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -828px -1400px;
+  background-position: -897px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Spooky {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -897px -1400px;
+  background-position: -966px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_StarryNight {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -966px -1400px;
+  background-position: -1035px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Thunderstorm {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1035px -1400px;
+  background-position: -1104px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_White {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1104px -1400px;
+  background-position: -1173px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Zombie {
   background-image: url('~assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1173px -1400px;
+  background-position: -1242px -1400px;
   width: 68px;
   height: 68px;
 }
diff --git a/website/client/assets/images/sprites/spritesmith-main-24.png b/website/client/assets/images/sprites/spritesmith-main-24.png
index 21c4e2631d..58004d3bf9 100644
Binary files a/website/client/assets/images/sprites/spritesmith-main-24.png and b/website/client/assets/images/sprites/spritesmith-main-24.png differ
diff --git a/website/raw_sprites/spritesmith/stable/pets/Pet-Wolf-Bronze.png b/website/raw_sprites/spritesmith/stable/pets/Pet-Wolf-Bronze.png
new file mode 100644
index 0000000000..e793555421
Binary files /dev/null and b/website/raw_sprites/spritesmith/stable/pets/Pet-Wolf-Bronze.png differ