From 22ad36341affa66c4e7b02a3a54681024d1d9ee0 Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Wed, 16 Aug 2023 11:28:37 -0400
Subject: [PATCH] recal modal styling fix

---
 .../recal-modal/recal-modal.vue               | 24 +++++++------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/src/layouts/coverage-statement/recal-modal/recal-modal.vue b/src/layouts/coverage-statement/recal-modal/recal-modal.vue
index 4dcc7206..b7794d5a 100644
--- a/src/layouts/coverage-statement/recal-modal/recal-modal.vue
+++ b/src/layouts/coverage-statement/recal-modal/recal-modal.vue
@@ -16,7 +16,7 @@
                 class="fw-bold mb-2 subheader-text"
                 v-html="ModalSubheadertext"></p>
             <p
-                class="mb-0 small"
+                class="mb-0 small modal-body"
                 v-html="ModalBodyText"></p>
             <p
                 v-if="ModalSubBodyText"
@@ -74,22 +74,16 @@ export default {
 
 <style lang="scss" scoped>
 
-    .recal-modal-body {
-        h5 {
-            color: black;
-        }
-        
-        p {
-            &:last-child {
-                margin-bottom: 0;
-            }
-            & strong {
-            color: black;
-            }
-        }
-        .subheader-text {
+::v-deep .recal-modal-body {
+    h5 {
+        color: $black;
+    }
+    .modal-body {
+        strong {
             color: $black;
+            font-weight: 400;
         }
     }
+}
 
 </style>