From 26e3023995fe86cc4b74459b5dab31968c6c87f1 Mon Sep 17 00:00:00 2001
From: Donielle Austin <Donielle.Austin@safelite.com>
Date: Mon, 9 May 2022 15:01:57 -0400
Subject: [PATCH] ui defect

---
 src/layouts/estimate/estimate.vue | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 67b1918e1..8c7db34dc 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -10,9 +10,14 @@
       <vehicleBanner cmsWidgetName="VehicleBannerWidget" />
       <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
       <div class="fade-on-route-transition sub-container make-tall">
+        <alert
+        class=""
+        v-model="customAlertData"
+        alertClass="fs-6 fw-bold"
+        cmsWidgetName="AlertVinLookupQuestion"
+      />
         <buttonQuestion
           cmsWidgetName="VinLookupMethod"
-          :questionText="questionText"
           :answers="answersFromCms"
           groupName="vinLookupMethodOption"
           buttonType="listButton"
@@ -39,6 +44,7 @@ import funnelFooter from "@/common-components/funnel-footer/funnel-footer";
 import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
 import funnelSubHeader from "@/common-components/funnel-sub-header/funnel-sub-header";
 import buttonQuestion from "@/common-components/button-question/button-question";
+import alert from "@/ux-components/alert/alert";
 //Supporting Files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
@@ -126,6 +132,15 @@ export default {
     funnelFooter,
     buttonQuestion,
     Form,
+    alert,
   },
 };
-</script>
\ No newline at end of file
+</script>
+
+<style lang="scss">
+  .alert p{
+    font-size: 1rem;
+    font-weight: 500; 
+    color: $black; 
+  }
+</style>
\ No newline at end of file