From b0f5608b4151c3f8deb8859c155a1ea32f8fc3da Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Mon, 9 Feb 2026 13:15:08 -0500
Subject: [PATCH] vin lookup updates

---
 .../vin-lookup-alerts/vin-lookup-alerts.vue   | 21 ++++++++++++++-----
 src/layouts/vin-lookup/vin-lookup.vue         |  5 ++---
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue b/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue
index f9be7ede..495881b9 100644
--- a/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue
+++ b/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue
@@ -3,15 +3,20 @@
     id="vin-lookup-alerts-wrapper"
     :class="wrapperCssClass">
     <vehicleNotFoundAlert
-      v-if="isVehicleNotFoundVisible" />
+      v-if="isVehicleNotFoundVisible"
+      class="mt-5" />
     <twoIdenticalYMMVehicleAlert
-      v-if="isTwoIdenticalYMMVehicleFoundVisible" />
+      v-if="isTwoIdenticalYMMVehicleFoundVisible"
+      class="mt-5" />
     <vehicleNotMatchedAlert
-      v-else-if="isVehicleNotMatchedVisible" />
+      v-else-if="isVehicleNotMatchedVisible"
+      class="mt-5" />
     <perfectMatchAlert
-      v-else-if="isPerfectMatchVisible" />
+      v-else-if="isPerfectMatchVisible"
+      class="mt-5" />
     <noServiceAlert
-      v-else-if="isNoServiceVisible" />
+      v-else-if="isNoServiceVisible"
+      class="mt-5" />
   </div>
 </template>
 <script>
@@ -66,3 +71,9 @@ export default {
     }
 };
 </script>
+
+<style lang="scss" scoped>
+div.alert {
+    margin-bottom: 0;
+}
+</style>
diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index 6585d865..ee2d47ec 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -13,13 +13,12 @@
                     <div class="select-car-form rounded">
                         <siteSubHeader
                             cmsWidgetName="SiteSubHeaderWidget"
-                            class="mt-4"
-                            subHeaderMarginClasses="mt-1" />
+                            class="mt-4" />
                         <vinLookupAlerts
-                            class="mt-5"
                             :activeAlertType="activeVehicleLookupAlertType" />
                         <vinQuestion
                             v-model="vin"
+                            class="mt-4"
                             :mask="vinMask"
                             :isDisabled="vinPopulatedOnPageLoad"
                             textPosition="left" />