diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index 42a8b92ad..2e4584c03 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -65,17 +65,17 @@
                 ref="mobileLocationQuestions"
                 linkWidgetName="MobileLocationLinkWidget"
                 modalWidgetName="MobileLocationModalWidget" />
+                <Transition name="fade" mode="out-in">
             <shopQuestion
                 ref="shopQuestion"
-                v-show="
-                    selectedAppointmentType === 'Inshop' || selectedAppointmentType === 'Dropoff'
-                "
+                v-show="selectedAppointmentType === 'Inshop' || selectedAppointmentType === 'Dropoff'"
                 v-model="providerNumber"
                 :isDropoff="isDropoff"
                 :serviceZipCode="zipCode"
                 :selectedAppointmentType="selectedAppointmentType"
                 :shopQuestionData="shopQuestionInitialData"
                 cmsWidgetName="ShopQuestionWidget" />
+            </Transition>
             <contentGroupModal ref="RecalModal" cmsWidgetName="RecalModal" />
             <funnel-footer
                 cmsWidgetName="FunnelFooterWidget"
@@ -148,8 +148,6 @@ export default {
             isRecalibrationServiceableMobile: null,
             mobileFeePart: null,
             zipContainsMilitaryBase: false,
-            selectedAppointmentType: "Dropoff",
-            providerNumber: "127",
             shopQuestionInitialData: null,
         };
     },