diff --git a/src/fmg-components/content-group-modal/content-group-modal.vue b/src/fmg-components/content-group-modal/content-group-modal.vue
index d1b53a9bb..fa64fd069 100644
--- a/src/fmg-components/content-group-modal/content-group-modal.vue
+++ b/src/fmg-components/content-group-modal/content-group-modal.vue
@@ -4,21 +4,17 @@
         :modalId="ModalName"
         :footerButtonText="ModalCloseButtonText"
         @footer-button-event="footerButtonClick">
-        <div v-if="ModalName == 'RecalModal'">
-            <h5 class="mb-4 recal-header" v-html="ModalHeadline"></h5>
-            <img :src="ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" />
-        </div>
-        <div v-else>
+        <div :class="[isRecal ? 'recal-modal' : '']">
             <img :src="ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" />
             <h5 class="mb-4" v-html="ModalHeadline"></h5>
+            <p class="fw-bold mb-2 subheader-text" v-html="ModalSubheadertext"></p>
+            <p class="mb-0" v-html="ModalBodyText"></p>
+            <p
+                class="my-4 caption modal-sub-body"
+                v-if="ModalSubBodyText"
+                v-html="ModalSubBodyText"></p>
+            <slot></slot>
         </div>
-        <p class="fw-bold mb-2 subheader-text" v-html="ModalSubheadertext"></p>
-        <p class="mb-0" v-html="ModalBodyText"></p>
-        <p
-            class="my-4 caption modal-sub-body"
-            v-if="ModalSubBodyText"
-            v-html="ModalSubBodyText"></p>
-        <slot></slot>
     </modal>
 </template>
 
@@ -33,6 +29,7 @@ export default {
             type: String,
             default: null,
         },
+        isRecal: Boolean,
     },
     computed: {
         ModalName() {
@@ -84,9 +81,20 @@ export default {
         .modal-dialog {
             .modal-content {
                 .modal-body {
-                    .recal-header {
-                        line-height: 32px;
-                        text-align: center;
+                    .recal-modal {
+                        display: flex;
+                        flex-direction: column;
+                        h5 {
+                            text-align: center;
+                            line-height: 32px;
+                            order: 1;
+                        }
+                        p {
+                            order: 3;
+                        }
+                        img {
+                            order: 2;
+                        }
                     }
                     .modal-sub-body {
                         color: $gray-600;
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index c01a894ca..93c2cecb6 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -67,7 +67,7 @@
                     <contentGroupModal ref="RainDefenseModal" cmsWidgetName="RainDefenseModal" />
                     <contentGroupModal ref="FrontWiperModal" cmsWidgetName="FrontWiperModal" />
                     <contentGroupModal ref="RearWiperModal" cmsWidgetName="RearWiperModal" />
-                    <contentGroupModal ref="RecalModal" cmsWidgetName="RecalModal" />
+                    <contentGroupModal ref="RecalModal" cmsWidgetName="RecalModal" isRecal />
 
                     <navbar
                         cmsWidgetName="FunnelFooterWidget"