diff --git a/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue b/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue
index 73c07a85a..6509c7d5c 100644
--- a/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue
+++ b/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue
@@ -63,13 +63,11 @@ export default {
                 .availabilityRatingCallback(startDate, endDate, shopAppointmentType, this.value)
                 .then((data) => {
                     this.availabilityRating = data;
-                    this.isLoaderDisplayed = false;
                 });
         }
     },
     data() {
         return {
-            isLoaderDisplayed: false,
             availabilityRating: null,
         };
     },
@@ -80,6 +78,9 @@ export default {
                 "true"
             );
         },
+        isLoaderDisplayed() {
+            return this.availabilityRating == null;
+        },
         availabilityRatingClass() {
             if (this.availabilityRating == null) {
                 return "gray";