diff --git a/src/layouts/schedule-page/schedule-page.vue b/src/layouts/schedule-page/schedule-page.vue
index d62ba77a..e562552d 100644
--- a/src/layouts/schedule-page/schedule-page.vue
+++ b/src/layouts/schedule-page/schedule-page.vue
@@ -61,7 +61,8 @@
                                 selectableDatesData.estimatedServiceMinutesMaximum
                             "
                             validationRules="time-slot-selection-required"
-                            @timeSlotModalClosed="timeSlotModalClosed" />
+                            @timeSlotModalClosed="timeSlotModalClosed"
+                            @timeSlotSelected="forwardButtonAction" />
                         <siteFooter
                             ref="navbar"
                             class="mt-5"
diff --git a/src/layouts/schedule-page/time-slot-modal-question/time-slot-modal-question.vue b/src/layouts/schedule-page/time-slot-modal-question/time-slot-modal-question.vue
index 6f44e2d5..e292f37a 100644
--- a/src/layouts/schedule-page/time-slot-modal-question/time-slot-modal-question.vue
+++ b/src/layouts/schedule-page/time-slot-modal-question/time-slot-modal-question.vue
@@ -113,7 +113,7 @@ export default {
         customComponentId: String,
         selectedDate: String
     },
-    emits: ['update:modelValue', 'time-slot-modal-closed'],
+    emits: ['update:modelValue', 'time-slot-modal-closed', 'timeSlotSelected'],
     setup(props) {
         const uuid = crypto.randomUUID();
         const componentId = !props.customComponentId
@@ -357,7 +357,7 @@ export default {
                 'update:modelValue',
                 this.getSelectedTimeSlotInfoObject(this.selectedRouteCode)
             );
-            this.closeModal();
+            this.$emit('timeSlotSelected');
         },
         getRelevantDropOffCmsWidgetNameForSelectedTimeSlot(
             selectedRouteCode,