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" /> { - 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;