diff --git a/src/layouts/schedule/mobile-first-modal/mobile-first-modal.vue b/src/layouts/schedule/mobile-first-modal/mobile-first-modal.vue
index ee235de7c..4e6b439e8 100644
--- a/src/layouts/schedule/mobile-first-modal/mobile-first-modal.vue
+++ b/src/layouts/schedule/mobile-first-modal/mobile-first-modal.vue
@@ -50,7 +50,7 @@ export default {
     data() {
         return {
             isModalOpen: false,
-            selectedAppontment: {
+            selectedAppointment: {
                 estimatedServiceMinutes: {
                     minimum: null,
                     maximum: null,
@@ -70,22 +70,23 @@ export default {
         onModalClosed() {
             this.pushEvent();
             this.$emit("close-mobile-first-modal");
+            this.confirmedAppointment = false;
         },
         closeModal() {
             this.modal.closeModal();
         },
         confirmAppointment() {
             let selectedTimeSlot = {
-                timeSlot: this.selectedAppontment.timeSlot,
-                routeCode: this.selectedAppontment.timeSlot.id,
-                date: this.selectedAppontment.date,
+                timeSlot: this.selectedAppointment.timeSlot,
+                routeCode: this.selectedAppointment.timeSlot.id,
+                date: this.selectedAppointment.date,
             };
             this.confirmedAppointment = true;
             this.$emit("confirm-appointment", selectedTimeSlot);
             this.modal.closeModal();
         },
         setSelectedAppointment(appointment) {
-            this.selectedAppontment = appointment;
+            this.selectedAppointment = appointment;
         },
         getIsModalOpen() {
             return this.isModalOpen;
@@ -95,16 +96,18 @@ export default {
         },
         pushEvent() {
             let gaAction = this.confirmedAppointment ? this.GaActions.YES : this.GaActions.NO;
-            this.pushEventToGA(
-                this.GaCategories.CONFIRMATION_CLICKED,
-                gaAction,
-                this.selectedAppontment.timeSlot.startTime +
-                    "-" +
-                    this.selectedAppontment.timeSlot.endTime +
-                    " " +
-                    this.selectedAppontment.date,
-                true
-            );
+            if (this.selectedAppointment && this.selectedAppointment.timeSlot) {
+                this.pushEventToGA(
+                    this.GaCategories.CONFIRMATION_CLICKED,
+                    gaAction,
+                    this.selectedAppointment.timeSlot.startTime +
+                        "-" +
+                        this.selectedAppointment.timeSlot.endTime +
+                        " " +
+                        this.selectedAppointment.date,
+                    true
+                );
+            }
         },
     },
     computed: {
@@ -128,37 +131,37 @@ export default {
                 if (token.includes(INLINE_SERVICETYPE_TOKEN)) {
                     const serviceType = "<strong>" + this.getServiceType + "</strong>";
                     tokens.splice(tokens.indexOf(token), 1, serviceType);
-                } else if (token.includes(INLINE_DAY_TOKEN) && this.selectedAppontment.date) {
+                } else if (token.includes(INLINE_DAY_TOKEN) && this.selectedAppointment.date) {
                     const day =
                         "<strong>" +
-                        new Date(this.selectedAppontment.date).toLocaleDateString("en-US", {
+                        new Date(this.selectedAppointment.date).toLocaleDateString("en-US", {
                             weekday: "long",
                             timeZone: "UTC",
                         }) +
                         "</strong>";
                     tokens.splice(tokens.indexOf(token), 1, day);
-                } else if (token.includes(INLINE_DATE_TOKEN) && this.selectedAppontment.date) {
-                    const date = new Date(this.selectedAppontment.date).toLocaleDateString(
+                } else if (token.includes(INLINE_DATE_TOKEN) && this.selectedAppointment.date) {
+                    const date = new Date(this.selectedAppointment.date).toLocaleDateString(
                         "en-US",
                         { timeZone: "UTC", weekday: "long", month: "long", day: "numeric" }
                     );
                     tokens.splice(tokens.indexOf(token), 1, date);
                 } else if (
                     token.includes(INLINE_TIMESLOT_TOKEN) &&
-                    this.selectedAppontment.timeSlot
+                    this.selectedAppointment.timeSlot
                 ) {
                     const timeslot =
-                        this.get12HourTimeFormat(this.selectedAppontment.timeSlot.startTime) +
+                        this.get12HourTimeFormat(this.selectedAppointment.timeSlot.startTime) +
                         " - " +
-                        this.get12HourTimeFormat(this.selectedAppontment.timeSlot.endTime);
+                        this.get12HourTimeFormat(this.selectedAppointment.timeSlot.endTime);
                     tokens.splice(tokens.indexOf(token), 1, timeslot);
                 } else if (
                     token.includes(INLINE_SERVICE_LENGTH_TOKEN) &&
-                    this.selectedAppontment.estimatedServiceMinutes
+                    this.selectedAppointment.estimatedServiceMinutes
                 ) {
                     const inshopDurationTime = getDisplayTextForDurationLength(
-                        this.selectedAppontment.estimatedServiceMinutes.minimum,
-                        this.selectedAppontment.estimatedServiceMinutes.maximum
+                        this.selectedAppointment.estimatedServiceMinutes.minimum,
+                        this.selectedAppointment.estimatedServiceMinutes.maximum
                     );
                     tokens.splice(tokens.indexOf(token), 1, inshopDurationTime);
                 }