diff --git a/website/client/components/inventory/stable/index.vue b/website/client/components/inventory/stable/index.vue
index bd4f140332..3846d06d05 100644
--- a/website/client/components/inventory/stable/index.vue
+++ b/website/client/components/inventory/stable/index.vue
@@ -223,7 +223,7 @@
             div(:class="'Pet_Egg_'+hatchablePet.eggKey")
 
         h4.title {{ hatchablePet.name }}
-        div.text(v-html="$t('haveHatchablePet', { potion: hatchablePet.potionName, egg: hatchablePet.eggName })")
+        div.text(v-html="$t('hatchDialogText', { potionName: hatchablePet.potionName, eggName: hatchablePet.eggName, petName: hatchablePet.name })")
 
       span.svg-icon.icon-10(v-html="icons.close", slot="modal-header", @click="closeHatchPetDialog()")
 
@@ -866,6 +866,7 @@
 
       hatchPet (pet) {
         this.$store.dispatch('common:hatch', {egg: pet.eggKey, hatchingPotion: pet.potionKey});
+        this.closeHatchPetDialog();
       },
 
       onDragStart (ev, food) {
@@ -911,7 +912,6 @@
           if (pet.isOwned() || !pet.isHatchable()) {
             return;
           }
-
           // opens the hatch dialog
           this.hatchablePet = pet;
         }
diff --git a/website/common/locales/en/newClient.json b/website/common/locales/en/newClient.json
index d4d112b56b..614704003e 100644
--- a/website/common/locales/en/newClient.json
+++ b/website/common/locales/en/newClient.json
@@ -46,6 +46,7 @@
   "clickOnPetToFeed": "Click on a Pet to feed <%= foodName %> and watch it grow!",
   "dragThisPotion": "Drag this <%= potionName %> to an Egg and hatch a new pet!",
   "clickOnEggToHatch": "Click on an Egg to use your <%= potionName %> and hatch a new pet!",
+  "hatchDialogText": "Pour your <%= potionName %> hatching potion on your <%= eggName %> egg, and it will hatch into a <%= petName %> .",
   "editAvatar": "Edit Avatar",
   "sort": "Sort",
   "memberCount": "Member Count",