diff --git a/website/client/components/inventory/stable/index.vue b/website/client/components/inventory/stable/index.vue
index 0fde846804..e4e68ecc0e 100644
--- a/website/client/components/inventory/stable/index.vue
+++ b/website/client/components/inventory/stable/index.vue
@@ -669,7 +669,7 @@
         let pets = this.listAnimals(animalGroup, 'pet', hideMissing, sortBy, searchText);
 
         // Don't group special
-        if (animalGroup.key === 'specialPets') {
+        if (animalGroup.key === 'specialPets' || animalGroup.key === 'wackyPets') {
           return {none: pets};
         }
 
diff --git a/website/common/script/content/hatching-potions.js b/website/common/script/content/hatching-potions.js
index 523edaf08b..dfc0790eb3 100644
--- a/website/common/script/content/hatching-potions.js
+++ b/website/common/script/content/hatching-potions.js
@@ -223,6 +223,7 @@ each(wacky, (pot, key) => {
     }),
     premium: false,
     limited: true,
+    wacky: true,
     canBuy () {
       return pot._season === CURRENT_SEASON;
     },
diff --git a/website/common/script/libs/getItemInfo.js b/website/common/script/libs/getItemInfo.js
index 151ae0bb28..d4317fc570 100644
--- a/website/common/script/libs/getItemInfo.js
+++ b/website/common/script/libs/getItemInfo.js
@@ -91,7 +91,7 @@ module.exports = function getItemInfo (user, type, item, officialPinnedItems, la
         locked: false,
         currency: 'gems',
         purchaseType: 'hatchingPotions',
-        path: `premiumHatchingPotions.${item.key}`,
+        path: item.wacky ? `wackyHatchingPotions.${item.key}` : `premiumHatchingPotions.${item.key}`,
         pinType: 'premiumHatchingPotion',
       };
       break;