diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index a1224353d..2a293957f 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -53,8 +53,13 @@
                         <textBlock cmsWidgetName="CallOrTextWidget" justifyText="left" />
                         <hr class="my-5" />
                         <div class="d-flex flex-row checkbox-group">
-                            <checkboxQuestion class="mb-5" v-model="isRecalAckOptIn" />
-                            <textBlock cmsWidgetName="RecalConfirmationWidget" justifyText="left" @text-link-clicked="openModal" />
+                            <checkboxQuestion
+                                class="mb-5"
+                                v-model="isRecalAckOptIn" />
+                            <textBlock
+                                cmsWidgetName="RecalConfirmationWidget"
+                                justifyText="left"
+                                @text-link-clicked="openModal" />
                         </div>
                     </div>
 
@@ -79,7 +84,10 @@
                         @back-clicked="backButtonAction"
                         @ForwardClicked="forwardButtonAction" />
 
-                    <contentGroupModal ref="RecalModal" cmsWidgetName="RecalModal" />
+                    <contentGroupModal
+                        ref="RecalModal"
+                        cmsWidgetName="RecalModal"
+                        class="recal-modal" />
                 </div>
             </div>
         </div>
@@ -728,18 +736,20 @@ export default {
     margin: 0;
 }
 .payment-method {
-    :deep(.modal-body) {
-        display: flex;
-        flex-direction: column;
-        h5 {
-            text-align: center;
-            order: 1;
-        }
-        p {
-            order: 3
-        }
-        img {
-            order: 2;
+    .recal-modal {
+        :deep(.modal-body) {
+            display: flex;
+            flex-direction: column;
+            h5 {
+                text-align: center;
+                order: 1;
+            }
+            p {
+                order: 3
+            }
+            img {
+                order: 2;
+            }
         }
     }
 }