ui defect

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>
+
+<style lang="scss">
+  .alert p{
+    font-size: 1rem;
+    font-weight: 500; 
+    color: $black; 
+  }
+</style>