From cdf8030c1103b696ee51cb49d35489d36ed16b4b Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Mon, 12 Jan 2026 14:53:58 -0500
Subject: [PATCH] policy-vehicles UI fixes

---
 src/layouts/policy-vehicles/policy-vehicles.vue | 4 ++--
 src/styles/common-validation-styles.scss        | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/layouts/policy-vehicles/policy-vehicles.vue b/src/layouts/policy-vehicles/policy-vehicles.vue
index ea1d7a0a..d488faf8 100644
--- a/src/layouts/policy-vehicles/policy-vehicles.vue
+++ b/src/layouts/policy-vehicles/policy-vehicles.vue
@@ -21,7 +21,7 @@
                             cmsWidgetName="PolicyVehiclesQuestion"
                             :vehicles="VehiclesForQuestions"
                             :validationRules="rules.optionRequired"
-                            class="mb-2"/>
+                            class="mb-2" />
                         <buttonMain
                             :variant="buttonVariants.primary"
                             buttonText="Add another vehicle"
@@ -114,7 +114,7 @@ export default {
             const vehicles = this.policyVehicles;
             const mappedData =
                 vehicles?.map((v) => {
-                    const maskSymbol = 'X';
+                    const maskSymbol = '*';
                     const vinStart = maskSymbol.repeat(v.vin.length - 6);
                     const vinEnd = v.vin.substring(v.vin.length - 6);
                     return {
diff --git a/src/styles/common-validation-styles.scss b/src/styles/common-validation-styles.scss
index 04dd7448..7b709487 100644
--- a/src/styles/common-validation-styles.scss
+++ b/src/styles/common-validation-styles.scss
@@ -11,6 +11,7 @@ html {
             border: 1px solid $red;
             position: relative;
             z-index: 4;
+            border-radius: 60px;
 
             .button-content {
                 border: none;