styling fix, update to store method

src/layouts/address-vehicles/address-vehicles.vue

@@ -20,6 +20,7 @@
         :manualHeadline="AlertFoundMultipleVehiclesHeader"
         manualCopy=""
         v-bind:isDismissible="false"
+        id="multiple-vehicles-alert"
       />
       <addressVehiclesQuestion
         ref="addressVehiclesQuestion"
@@ -248,3 +249,19 @@ export default {
   },
 };
 </script>
+
+<style lang="scss">
+.alert-provide-vin {
+    font-size: 0.875rem;
+    line-height: 1.4;
+    margin-bottom: 0 !important; // Overrides extra margin-bottom on alert body
+    a {
+        text-underline-offset: 4px; //Per Devyn. This can't be documented in Figma so there is a comment with the Prototype mocks on the Quote page in Figma
+        line-height: inherit;
+    }
+}
+
+#multiple-vehicles-alert p {
+  margin-bottom: 0 !important; // Overrides extra margin-bottom on alert body
+}
+</style>

src/store/index.js

@@ -904,10 +904,10 @@ export const useMainStore = defineStore({
           if (!isSelectedGlassAvailableForVehicle) {
             this.resetDamageAndDependencies();
             this.resetPartsAndDependencies();
-
-            //Save new values
-            this.updateVehicle(vehicleInfo);
           }
+          
+          //Save new values
+          this.updateVehicle(vehicleInfo);
         }
       },
       saveRegistrationLicensePlateLookup({ isSelectedGlassAvailableForVehicle, vehicleInfo, registrationInfo }) {