policy-vehicles UI fixes

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 {

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;