diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index 31e4ec75..50b61c13 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -14,13 +14,13 @@
                                         ref="serviceZipCodeQuestion"
                                         modalWidgetName="ServiceZipModalWidget" />
                                     <buttonQuestion
-                                    cmsWidgetName="ServiceTypeQuestionWidget"
-                                    :questionText="questionText"
-                                    :answers="answersFromCms"
-                                    buttonTypeString="listCard"
-                                    isRequired
-                                    v-model="selectedValues"
-                                    validationRules="selection-required"/>
+                                        cmsWidgetName="ServiceTypeQuestionWidget"
+                                        :questionText="questionText"
+                                        :answers="answersFromCms"
+                                        buttonTypeString="listCard"
+                                        isRequired
+                                        v-model="selectedAppointmentType"
+                                        validationRules="selection-required"/>
                                     <div class="select-car">
                                         <div class="container-fluid pb-2">
                                             <div class="row px-3">
@@ -111,6 +111,7 @@ export default {
             zipCode: this.mainStore.order.customer.address.zipCode,
             state: this.mainStore.order.customer.address.state,
             isServiceZipServiceable: null,
+            selectedAppointmentType: "",
         };
     },
     computed: {
@@ -128,6 +129,10 @@ export default {
                 };
             },
             set: function (newValue) {
+                if (newValue.zipCode !== this.zipCode) {
+                    this.selectedAppointmentType = null;
+                }
+
                 this.zipCode = newValue.zipCode;
                 this.state = newValue.state;