From 2f8eeacb20251d4e3a7c702b30939e5e3ae9c46d Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Tue, 15 Aug 2023 15:59:09 -0400
Subject: [PATCH] verified deductible styling WIP

---
 .../coverage-statement/coverage-statement.vue       |  2 +-
 .../coverage-statement/recal-modal/recal-modal.vue  | 13 +++++++------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 1576531c..39fcb78f 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -59,7 +59,7 @@
                                     :isDismissible="false">
                                   </alert>
                                   <div
-                                    class="fw-bold text-black mb-2"
+                                    class="fw-bold text-black mt-5 mb-2"
                                     v-html="nextStepsHeader">
                                   </div>
                                   <div
diff --git a/src/layouts/coverage-statement/recal-modal/recal-modal.vue b/src/layouts/coverage-statement/recal-modal/recal-modal.vue
index 51315321..4dcc7206 100644
--- a/src/layouts/coverage-statement/recal-modal/recal-modal.vue
+++ b/src/layouts/coverage-statement/recal-modal/recal-modal.vue
@@ -4,7 +4,7 @@
         :modalId="ModalName"
         :footerButtonText="ModalCloseButtonText"
         @footer-button-event="closeModal">
-        <div class="recal-modal-body ps-4 pe-4 pt-0 pb-5">
+        <div class="recal-modal-body">
             <h5
                 class="mb-4 text-center"
                 v-html="ModalHeadline"></h5>
@@ -75,16 +75,17 @@ export default {
 <style lang="scss" scoped>
 
     .recal-modal-body {
-        .modal-sub-body {
-            color: $gray-600;
-        }
-        ul {
-            margin-bottom: 0;
+        h5 {
+            color: black;
         }
+        
         p {
             &:last-child {
                 margin-bottom: 0;
             }
+            & strong {
+            color: black;
+            }
         }
         .subheader-text {
             color: $black;