From 7c5e740b8734e37dd5f1ae051b70fe7ee0748e76 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Thu, 23 Mar 2023 15:39:38 -0400
Subject: [PATCH] recal modal styling changes

---
 src/layouts/coverage-statement/recal-modal/recal-modal.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/layouts/coverage-statement/recal-modal/recal-modal.vue b/src/layouts/coverage-statement/recal-modal/recal-modal.vue
index dc8566b8..aaed71e6 100644
--- a/src/layouts/coverage-statement/recal-modal/recal-modal.vue
+++ b/src/layouts/coverage-statement/recal-modal/recal-modal.vue
@@ -16,11 +16,11 @@
                         data-bs-dismiss="modal"
                         aria-label="Close"></button>
                 </div>
-                <div class="modal-body ps-4 pe-4 pt-4 pb-4">
+                <div class="modal-body ps-4 pe-4 pt-0 pb-5">
                     <h5 class="mb-4 text-center" v-html="ModalHeadline"></h5>
                     <img :src="ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" />
                     <p class="fw-bold mb-2 subheader-text" v-html="ModalSubheadertext"></p>
-                    <p class="mb-0" v-html="ModalBodyText"></p>
+                    <p class="mb-0 small" v-html="ModalBodyText"></p>
                     <p
                         class="my-4 caption modal-sub-body"
                         v-if="ModalSubBodyText"
@@ -84,6 +84,7 @@ export default {
 .modal {
     top: auto;
     bottom: 0;
+    overflow: hidden;
     h5,
     strong,
     .subheader-text {