From 1e857502df1bb92c16e50b7f3bd70ff79257039c Mon Sep 17 00:00:00 2001
From: scottkiener-at-safelite <scott.kiener@safelite.com>
Date: Thu, 12 Feb 2026 14:27:29 -0500
Subject: [PATCH] Convert px to rem

---
 .../textbox-question/textbox-question.vue        |  8 ++++----
 .../tpa-shop-list-button.vue                     | 16 ++++++++--------
 src/layouts/tpa-search/tpa-search.vue            | 10 +++++-----
 3 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index d57451cf..6bf89bb5 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -315,14 +315,14 @@ input::-webkit-date-and-time-value {
                 &:focus, &:focus-within {
                     border: 1px solid #0070d1;
                 }
-                max-height: 48px;
+                max-height: 3rem;
             }
             input[type='text'] {
                 border-color: #0070d1;
                 box-shadow: rgba(0, 0, 0, 0.2) 0rem 0.0625rem .25rem 0rem;
                 border-right: none;
-                border-radius: 72px 0 0 72px;
-                height: 48px;
+                border-radius: 4.5rem 0 0 4.5rem;
+                height: 3rem;
                 &:focus, &:focus-within {
                     border-right:none;
                 }
@@ -331,7 +331,7 @@ input::-webkit-date-and-time-value {
                 background-image: url($svg-search-icon);
                 background-repeat: no-repeat;
                 background-position: center;
-                border-radius: 0 72px 72px 0;
+                border-radius: 0 4.5rem 4.5rem 0;
                 background-color: $blue-100;
                 width: 2.75rem;
                 border: 1px solid #0070d1;
diff --git a/src/iss-components/tpa-shop-list-button/tpa-shop-list-button.vue b/src/iss-components/tpa-shop-list-button/tpa-shop-list-button.vue
index 47a16733..9cbd5961 100644
--- a/src/iss-components/tpa-shop-list-button/tpa-shop-list-button.vue
+++ b/src/iss-components/tpa-shop-list-button/tpa-shop-list-button.vue
@@ -147,9 +147,9 @@ export default {
 .button-content {
   row-gap: 0.25rem;
   color: #4d4e53;
-  font-size: 15px;
+  font-size: .9375rem;
   font-weight: 400;
-  line-height: 26px;
+  line-height: 1.625rem;
 
   .row-one {
       display: flex;
@@ -158,12 +158,12 @@ export default {
 
       .button-label-copy {
           font-weight: 600;
-          line-height: 24px;
+          line-height: 1.5rem;
           text-transform: capitalize;
       }
       #buttonLabelSubCopySpan {
-          font-size: 12px;
-          line-height: 24px;
+          font-size: .75rem;
+          line-height: 1.5rem;
       }
 
       .availability-indicator {
@@ -175,8 +175,8 @@ export default {
 
           .availability-badge {
               display: inline-flex;
-              width: 13px;
-              height: 12px;
+              width: .8125rem;
+              height: .75rem;
               background-position: center;
               background-repeat: no-repeat;
               margin: 0 0.25rem 0 0;
@@ -234,6 +234,6 @@ export default {
   }
 }
 div.col:not(:last-child) >.label-margin-bottom{
-    margin-bottom: 16px;
+    margin-bottom: 1rem;
 }
 </style>
\ No newline at end of file
diff --git a/src/layouts/tpa-search/tpa-search.vue b/src/layouts/tpa-search/tpa-search.vue
index 01c855ef..13e9a767 100644
--- a/src/layouts/tpa-search/tpa-search.vue
+++ b/src/layouts/tpa-search/tpa-search.vue
@@ -415,11 +415,11 @@ export default {
 }
 
 #tpaSearchQuestionLabel {
-    margin-bottom: 10px;
+    margin-bottom: .625rem;
 }
 
 #map {
-    height: 435px;
+    height: 27.1875rem;
 }
 
 #providerSelectionForm {
@@ -431,12 +431,12 @@ export default {
 }
 
 hr {
-    margin: 22px 0;
+    margin: 1.375rem 0;
 }
 
 .need-help-link-container {
-    margin-top:30px;
-    margin-bottom: 35px;
+    margin-top:1.875rem;
+    margin-bottom: 2.1875rem;
 }
 
 </style>