diff --git a/azure-pipelines.yml b/azure-pipelines.yml
index 69d7e11f3..c94a22456 100644
--- a/azure-pipelines.yml
+++ b/azure-pipelines.yml
@@ -51,16 +51,7 @@ stages:
                         displayName: Run Prettier check
 
           - stage: TestPr
-            displayName: Run Unit Tests For PullRequest
-            jobs:
-                - template: templates/digital/vue-jest-run-unit-tests.yml@AzureDevOps
-                  parameters:
-                      nodeContainer: node
-                      npmLocation: $(Build.SourcesDirectory)
-                      testResultsFile: junit.xml
-                      summaryFileLocation: $(Build.SourcesDirectory)/coverage/cobertura-coverage.xml
-          - stage: TestPrPlaywright
-            displayName: Run Playwright Tests For PullRequest
+            displayName: Run Tests For PullRequest
             jobs:
                 - template: temp/playwright-test.yml
                   parameters:
@@ -76,6 +67,12 @@ stages:
                       secrets:
                           CCIS_API_AUTH: $(CCIS_API_AUTH)
                           JIRA_API_KEY: $(JIRA_API_KEY)
+                - template: templates/digital/vue-jest-run-unit-tests.yml@AzureDevOps
+                  parameters:
+                      nodeContainer: node
+                      npmLocation: $(Build.SourcesDirectory)
+                      testResultsFile: junit.xml
+                      summaryFileLocation: $(Build.SourcesDirectory)/coverage/cobertura-coverage.xml
     - ${{ else }}:
           # Dev Build/Deploy
           - stage: Dev
diff --git a/playwright-tests/README.md b/playwright-tests/README.md
index b9124727e..d0ca74081 100644
--- a/playwright-tests/README.md
+++ b/playwright-tests/README.md
@@ -260,7 +260,6 @@ ADMIN_SERVICE_API_URL= <br>
 SAUCE_USERNAME= <br>
 SAUCE_ACCESS_KEY= <br>
 
-
 ## CI/CD Integration
 The project uses Azure Pipelines for continuous integration with configurations defined in azure-pipelines.yml.
 
diff --git a/playwright-tests/tests/0000__M.test.ts b/playwright-tests/tests/0000__M.test.ts
index 204648276..c8788b04a 100644
--- a/playwright-tests/tests/0000__M.test.ts
+++ b/playwright-tests/tests/0000__M.test.ts
@@ -291,7 +291,6 @@ async function runWorkflow(page: Page, testCase: TestCase) {
     // let serviceLocationPage = testCase.pages.serviceLocationPage;
     // await serviceLocationPage.handleServiceLocationPage(testCase.testData);
 
-
     // Schedule appointment
     let schedulePage = testCase.pages.schedulePage;
     await schedulePage.handleSchedulePage(testCase.testData);
diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index f71189488..84ea8542b 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -32,7 +32,7 @@
                 <div class="modal-footer">
                     <slot name="modal-footer-slot"></slot>
                     <modalButtonMain
-                        isPrimary
+                        :isPrimary="isFooterButtonPrimary"
                         class="w-100 modal-footer-button"
                         :id="modalId + '-modalbtn'"
                         ref="modalButtonMain"
@@ -65,6 +65,7 @@ export default {
         suppressPageScroll: Boolean,
         staticBackdrop: Boolean,
         footerButtonDisabled: Boolean,
+        isFooterButtonPrimary: Boolean,
         onModalOpenedCallback: {
             type: Function,
         },
diff --git a/src/digital-components/modal/ux-components/modal-button-main/modal-button-main.vue b/src/digital-components/modal/ux-components/modal-button-main/modal-button-main.vue
index e05ff408a..c12dfe498 100644
--- a/src/digital-components/modal/ux-components/modal-button-main/modal-button-main.vue
+++ b/src/digital-components/modal/ux-components/modal-button-main/modal-button-main.vue
@@ -115,14 +115,16 @@ export default {
     &.btn-secondary {
         position: relative;
         background: transparent;
-        border: 1px solid $red;
+        border: 1px solid $blue;
         color: $blue;
         font-weight: 500;
         transition: all 150ms linear;
         height: 3rem;
-        &:hover {
+        &:hover,
+        &:active {
             color: $white;
-            @include blue-gradient;
+            background: $blue;
+            border: none;
         }
         &:focus, // Mouse, touch, stylus focus
         &:focus-visible {
@@ -130,16 +132,18 @@ export default {
             outline: none;
             box-shadow:
                 0 0 0 3px $white,
-                0 0 0 5.5px $red;
-            color: $white;
-            @include blue-gradient;
+                0 0 0 5.5px $blue;
+            color: $blue;
+            &:active {
+                color: $white;
+            }
         }
         &:disabled {
             background: transparent;
             color: $gray-550 !important;
             font-weight: 400;
             height: 48px;
-            border: 1px solid $red;
+            border: 1px solid $blue;
             cursor: pointer;
             pointer-events: all;
         }
diff --git a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
index 67ba45ae6..fe49fe30e 100644
--- a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
+++ b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
@@ -16,6 +16,7 @@
             suppressPageScroll
             :onModalClosedCallback="onModalClosed"
             :footerButtonText="modalButtonText"
+            :isFooterButtonPrimary="true"
             @footer-button-event="saveProgress">
             <p class="modal-body-inner" v-html="modalBodyText"></p>
             <saveProgressQuestion
diff --git a/src/fmg-components/save-progress-popup-question/save-progress-popup-question.vue b/src/fmg-components/save-progress-popup-question/save-progress-popup-question.vue
index d85afb56e..0e1b07b8e 100644
--- a/src/fmg-components/save-progress-popup-question/save-progress-popup-question.vue
+++ b/src/fmg-components/save-progress-popup-question/save-progress-popup-question.vue
@@ -6,6 +6,7 @@
             suppressPageScroll
             :onModalClosedCallback="onModalClosed"
             :footerButtonText="modalButtonText"
+            :isFooterButtonPrimary="true"
             @footer-button-event="saveProgress">
             <p class="modal-body-inner">{{ modalBodyText }}</p>
             <saveProgressQuestion
diff --git a/src/layouts/address-lookup/address-lookup.spec.js b/src/layouts/address-lookup/address-lookup.spec.js
index 2e3c766d2..6ebce247e 100644
--- a/src/layouts/address-lookup/address-lookup.spec.js
+++ b/src/layouts/address-lookup/address-lookup.spec.js
@@ -757,7 +757,7 @@ function setupMocks({
     wrapper.vm.$refs.navbar.removeLoader = jest.fn();
     const closestShops = {
         data: {
-            providers: [
+            inShopProviders: [
                 { id: 1, name: "Shop 1" },
                 { id: 2, name: "Shop 2" },
             ],
diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue
index 8f077f75b..081be8def 100644
--- a/src/layouts/address-lookup/address-lookup.vue
+++ b/src/layouts/address-lookup/address-lookup.vue
@@ -308,7 +308,7 @@ export default {
                     this.serviceZipCode,
                     this.carId
                 );
-                this.displayNoServiceAlert = !closestShops?.data?.providers?.length;
+                this.displayNoServiceAlert = !closestShops?.data?.inShopProviders?.length;
                 if (this.displayNoServiceAlert) {
                     return this.$refs.navbar.removeLoader();
                 }
diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index c4b9222fd..75ca29ddf 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -265,6 +265,9 @@ export default {
 .vinlookupquestion p {
     font-size: 1.25rem;
 }
+.header-sub-copy {
+    font-size: 0.875rem;
+}
 .funnel-sub-header {
     padding-bottom: 0;
     h5.dark-header {
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
index a1b768fb3..bb632054c 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.spec.js
@@ -722,7 +722,7 @@ function setupMocks({
     wrapper.vm.$refs.navbar.removeLoader = jest.fn();
     const closestShops = {
         data: {
-            providers: [
+            inShopProviders: [
                 { id: 1, name: "Shop 1" },
                 { id: 2, name: "Shop 2" },
             ],
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index 57c36239d..a1477a664 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -274,7 +274,7 @@ export default {
                     this.serviceZipCode,
                     this.carId
                 );
-                this.displayNoServiceAlert = !closestShops?.data?.providers?.length;
+                this.displayNoServiceAlert = !closestShops?.data?.inShopProviders?.length;
                 if (this.displayNoServiceAlert) {
                     return this.$refs.navbar.removeLoader();
                 }
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 8b53db835..d453964c4 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -904,7 +904,7 @@ export default {
 
     :deep(.nav-bar) {
         position: initial;
-        button.btn {
+        button {
             width: 100%;
             justify-content: center;
         }
diff --git a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
index cdcba989a..2ee6aac3f 100644
--- a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
+++ b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
@@ -178,7 +178,7 @@ export default {
                             "service-location"
                         );
 
-                        if (!closestShops || closestShops.providers?.length === 0) {
+                        if (!closestShops || closestShops.inShopProviders?.length === 0) {
                             this.displayNoServiceAlert = true;
                             this.focusOnZipInput();
                             this.resetModalButtonStyle();
diff --git a/src/layouts/service-zip/service-zip.vue b/src/layouts/service-zip/service-zip.vue
index ef641fabb..ab99adc6f 100644
--- a/src/layouts/service-zip/service-zip.vue
+++ b/src/layouts/service-zip/service-zip.vue
@@ -265,7 +265,7 @@ export default {
                     this.serviceZipCode,
                     this.carId
                 );
-                this.displayNoServiceAlert = !closestShops?.data?.providers?.length;
+                this.displayNoServiceAlert = !closestShops?.data?.inShopProviders?.length;
                 if (this.displayNoServiceAlert) {
                     return this.$refs.navbar.removeLoader();
                 }
diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index 09eb59364..fbc55aa82 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -341,7 +341,7 @@ export default {
                         this.serviceZipCode,
                         this.carId
                     );
-                    this.displayNoServiceAlert = !closestShops?.data?.providers?.length;
+                    this.displayNoServiceAlert = !closestShops?.data?.inShopProviders?.length;
                     if (this.displayNoServiceAlert) {
                         return this.$refs.navbar.removeLoader();
                     }
diff --git a/src/styles/ux-variables.scss b/src/styles/ux-variables.scss
index c0a69a112..bec02081f 100644
--- a/src/styles/ux-variables.scss
+++ b/src/styles/ux-variables.scss
@@ -123,8 +123,8 @@ $body-color: $gray-600;
 
 //Fonts
 $font-family-sans-serif: UrbanistRegular, Arial, Helvetica, sans-serif;
-$font-family-monospace: UrbanistRegular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
-    monospace;
+$font-family-monospace:
+    UrbanistRegular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 // stylelint-enable value-keyword-case
 $font-family-base: $font-family-sans-serif;
 $font-family-code: $font-family-monospace;
diff --git a/src/ux-components/button-main/button-main.vue b/src/ux-components/button-main/button-main.vue
index d83758482..f5db583bb 100644
--- a/src/ux-components/button-main/button-main.vue
+++ b/src/ux-components/button-main/button-main.vue
@@ -63,9 +63,6 @@ export default {
 
 <style lang="scss">
 .btn {
-    &:first-child:active {
-        background-color: $red;
-    }
     &.btn-primary {
         position: relative;
         background: $red;
@@ -117,8 +114,8 @@ export default {
     &.btn-secondary {
         position: relative;
         background: transparent;
-        border: 1px solid $red;
-        color: $red;
+        border: 1px solid $blue;
+        color: $blue;
         font-weight: 500;
         transition: all 150ms linear;
         height: 3rem;
@@ -131,8 +128,11 @@ export default {
             outline: none;
             box-shadow:
                 0 0 0 3px $white,
-                0 0 0 5.5px $red;
-            color: $white;
+                0 0 0 5.5px $blue;
+            color: $blue;
+            &:hover {
+                color: $white;
+            }
         }
         &:disabled {
             background: transparent;