From 8f7f35ab4a5cc8bd6d573b831230967928a5c4b9 Mon Sep 17 00:00:00 2001
From: brydon1 <michaela.brydon@safelite.com>
Date: Fri, 28 Jul 2023 11:51:58 -0400
Subject: [PATCH] Changing modal text back to link but with href

---
 src/helpers/cms-content-helper.js | 2 +-
 src/styles/common-styles.scss     | 7 +------
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/helpers/cms-content-helper.js b/src/helpers/cms-content-helper.js
index 9da985b6..4ca3523b 100644
--- a/src/helpers/cms-content-helper.js
+++ b/src/helpers/cms-content-helper.js
@@ -163,7 +163,7 @@ function mapStringToModal(str) {
     const splitParams = params.split(',');
 
     const bodyText
-        = `<button modalTarget="${splitParams[0]}" class="modal-text" aria-label="Modal window"><span>${splitParams[1]}</span></button>`;
+        = `<a href="#" modalTarget="${splitParams[0]}" class="modal-text" aria-label="Modal window">${splitParams[1]}</a>`;
 
     let returnVal = str.replace(linkToReplace, bodyText);
 
diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index af6db312..c092d62b 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -65,17 +65,12 @@ body {
     }
 
     .modal-text {
-        display: contents !important;
+        display: inline;
         color: $blue;
         cursor: pointer;
         border: none;
-        background-color: inherit;
-        padding: 0;
         font-size: 14px;
         line-height: 24px;
         font-weight: 500;
-        span {
-            text-decoration: underline;
-        }
       }
 }