Fixing styling with modal text

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 }

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;