From f1153a4bccbb59b6f0dd5f9238c3aa7e12de1723 Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Mon, 26 Jan 2026 14:29:54 -0500
Subject: [PATCH] scoped style changes / progress bar update

---
 src/constants/progress-bar-mapper.js            | 2 +-
 src/layouts/policy-vehicles/policy-vehicles.vue | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/constants/progress-bar-mapper.js b/src/constants/progress-bar-mapper.js
index 6d39bbaf..30954714 100644
--- a/src/constants/progress-bar-mapper.js
+++ b/src/constants/progress-bar-mapper.js
@@ -6,7 +6,7 @@ export const pageProgressMapper = {
         percent: 15
     },
     'policy-vehicles': {
-        percent: 15
+        percent: 20
     },
     'policy-endorsements': {
         percent: 15
diff --git a/src/layouts/policy-vehicles/policy-vehicles.vue b/src/layouts/policy-vehicles/policy-vehicles.vue
index e6493075..f7d4d537 100644
--- a/src/layouts/policy-vehicles/policy-vehicles.vue
+++ b/src/layouts/policy-vehicles/policy-vehicles.vue
@@ -297,7 +297,7 @@ export default {
     }
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .iss-heritage-container-width {
     .policy-vehicles-container {
         position: relative;
@@ -305,7 +305,7 @@ export default {
         padding-left: .9375rem;
         padding-right: .9375rem;
 
-        .subheader-secondary p {
+        :deep(.subheader-secondary p) {
             text-align: left;
         }
     }
@@ -322,13 +322,13 @@ export default {
             }
         }
     }
-    .form-test-error {
+    :deep(.form-test-error) {
         text-align: left
     }
 }
 
 .list-button-content {
-    span.small {
+    :deep(span) {
         font-size: 1rem;
     }
 }