scoped style changes / progress bar update

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

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;
     }
 }