From dd1cd719d9ecabc9f7d8d8b2a0617ce3761f9edc Mon Sep 17 00:00:00 2001
From: Michaela Brydon <Michaela.Brydon@safelite.com>
Date: Thu, 9 Nov 2023 13:35:27 -0500
Subject: [PATCH] Fixing span bug

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

diff --git a/src/helpers/cms-content-helper.js b/src/helpers/cms-content-helper.js
index e4e67c28..2ce5dc26 100644
--- a/src/helpers/cms-content-helper.js
+++ b/src/helpers/cms-content-helper.js
@@ -246,8 +246,7 @@ function mapStringToState(str) {
             console.warn('Unable to resolve global state data.');
             return ''; // if we can't map our string to state data, return an empty string.
         }
-        const valueFromStoreWrapped = `<span>${valueFromStore}</span>`;
-        const stringWithReplacement = str.replace(match[0], valueFromStoreWrapped);
+        const stringWithReplacement = str.replace(match[0], valueFromStore);
 
         // If we still have values we need to substitute, call this function again.
         if (stringWithReplacement.includes(dynamicStrings.GLOBAL_STATE)) {
diff --git a/src/styles/bailout-common.scss b/src/styles/bailout-common.scss
index 1188eeb0..d7c68d2a 100644
--- a/src/styles/bailout-common.scss
+++ b/src/styles/bailout-common.scss
@@ -1,4 +1,5 @@
 $page-side-padding: 1.5rem;
+$font-size: 0.875rem;
 
 .page-container-grouped-styles {
   > div.main-content-container {
@@ -19,13 +20,14 @@ $page-side-padding: 1.5rem;
 
         p {
           line-height: 1.5rem;
+          font-size: $font-size;
           &:last-child {
             margin-bottom: 0;
           }
         }
         
         span {
-          font-size: 0.875rem;
+          font-size: $font-size;
         }
       }
     }