From 9b0aaeaf96528b0a6d9c6604b2d3fca66c0d3544 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Wed, 20 Aug 2025 10:58:17 -0400
Subject: [PATCH] UI Defect Fixes

---
 src/layouts/quote/quote.vue       | 13 ++++++++-----
 src/ux-components/alert/alert.vue |  2 ++
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index b74e34829..51b542fbf 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -67,7 +67,7 @@
                 </div>
             </div>
             <div class="row justify-content-center">
-                <div class="col-md-8 col-xl-6">
+                <div class="col-md-8 col-xl-6 nav-container">
                     <contentGroupModal ref="RainDefenseModal" cmsWidgetName="RainDefenseModal" />
                     <contentGroupModal ref="FrontWiperModal" cmsWidgetName="FrontWiperModal" />
                     <contentGroupModal ref="RearWiperModal" cmsWidgetName="RearWiperModal" />
@@ -901,6 +901,12 @@ export default {
 // Unique to quote page for 2.0/Heritage parity
 .quote {
     padding-bottom: 2rem;
+
+    .nav-container {
+        /* Create correct positioning point for .nav-bar a.navigation-link */
+        position: relative;
+    }
+
     :deep(.nav-bar) {
         position: initial;
         button.btn {
@@ -910,10 +916,7 @@ export default {
         a.navigation-link {
             position: absolute;
             left: 1rem;
-            bottom: 1rem;
-            @include media-breakpoint-up(lg) {
-                left: 6rem;
-            }
+            bottom: -1rem;
         }
         .col-auto {
             width: -webkit-fill-available;
diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue
index 08f78b279..cccab36f0 100644
--- a/src/ux-components/alert/alert.vue
+++ b/src/ux-components/alert/alert.vue
@@ -145,6 +145,8 @@ export default {
 <style lang="scss">
 .alert {
     padding: 0.675rem 0;
+    border-radius: 0.5rem;
+    border-width: 0px;
 
     button {
         display: none;