From 9b92cfacec0da0cfe3b123ad772031055eaf0294 Mon Sep 17 00:00:00 2001
From: brydon1 <michaela.brydon@safelite.com>
Date: Thu, 27 Jul 2023 09:38:17 -0400
Subject: [PATCH] Fixing styling with modal text

---
 .../base-input-button/base-input-button.vue                   | 3 ++-
 src/styles/common-styles.scss                                 | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/digital-components/base-input-button/base-input-button.vue b/src/digital-components/base-input-button/base-input-button.vue
index a35ac631..defefde3 100644
--- a/src/digital-components/base-input-button/base-input-button.vue
+++ b/src/digital-components/base-input-button/base-input-button.vue
@@ -46,7 +46,8 @@ export default {
         const fieldOptions = {
             type: inputType,
             validateOnValueUpdate: false,
-            validateOnMount: false
+            validateOnMount: false,
+            validateOnBlur: false
         };
 
         const { handleChange, meta, errors }
diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index fd69b0f8..87aa3db9 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -65,12 +65,12 @@ body {
     }
 
     .modal-text {
-        display: inline;
+        display: contents !important;
         color: $blue;
         cursor: pointer;
         text-decoration: underline;
         border: none;
-        background-color: transparent;
+        background-color: inherit;
         padding: 0;
         text-underline-offset: 5px;
         font-size: 14px;