diff --git a/website/client/components/inventory/items/index.vue b/website/client/components/inventory/items/index.vue
index 3e0fdbaee1..f4158bba11 100644
--- a/website/client/components/inventory/items/index.vue
+++ b/website/client/components/inventory/items/index.vue
@@ -351,7 +351,7 @@ export default {
     },
     hatchPet (potion, egg) {
       this.$store.dispatch('common:hatch', {egg: egg.key, hatchingPotion: potion.key});
-      this.text(this.$t('hatchedPet', {egg: egg.key, potion: potion.key}));
+      this.text(this.$t('hatchedPet', {egg: egg.text, potion: potion.text}));
       if (this.user.preferences.suppressModals.hatchPet) return;
       const newPet = createAnimal(egg, potion, 'pet', this.content, this.user.items);
       this.$root.$emit('hatchedPet::open', newPet);
diff --git a/website/client/components/inventory/stable/index.vue b/website/client/components/inventory/stable/index.vue
index 739089059a..6164441187 100644
--- a/website/client/components/inventory/stable/index.vue
+++ b/website/client/components/inventory/stable/index.vue
@@ -875,7 +875,7 @@
         this.closeHatchPetDialog();
 
         this.$store.dispatch('common:hatch', {egg: pet.eggKey, hatchingPotion: pet.potionKey});
-        this.text(this.$t('hatchedPet', {egg: pet.eggKey, potion: pet.potionKey}));
+        this.text(this.$t('hatchedPet', {egg: pet.eggName, potion: pet.potionName}));
       },
       onDragStart (ev, food) {
         this.currentDraggingFood = food;