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 13ae42095..381ff4607 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
@@ -8,15 +8,15 @@
                 :aria-label="buttonLabel"
                 class="button-content list-button-content d-flex flex-column justify-content-center py-3 px-4">
                 <div class="row-one">
-                    <span class="m-0 button-label-copy" :class="textPosition">{{
+                    <span class="m-0 button-label-copy text-truncate" :class="textPosition">{{
                         buttonLabel
                     }}</span>
-                    <span class="m-0 caption ms-1" :class="textPosition">{{
+                    <span class="m-0 caption mx-1 text-nowrap" :class="textPosition">{{
                         buttonLabelSubCopy
                     }}</span>
                     <div
                         v-if="displayAvailabilityIndicators"
-                        class="availability-indicator rounded-pill"
+                        class="availability-indicator rounded-pill text-nowrap"
                         :class="availabilityRatingClass">
                         <div
                             v-if="!isLoaderDisplayed"