From 1153d4c7227e250f20dac04e0d32e7699b4f48d5 Mon Sep 17 00:00:00 2001
From: AdamCaouetteSafelite <adam.caouette@safelite.com>
Date: Mon, 18 Aug 2025 17:33:36 -0400
Subject: [PATCH] CASH-1416: add wrapper element and styles

---
 .../funnel-header/funnel-header.vue           | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/fmg-components/funnel-header/funnel-header.vue b/src/fmg-components/funnel-header/funnel-header.vue
index f0875bf4d..43e3e8703 100644
--- a/src/fmg-components/funnel-header/funnel-header.vue
+++ b/src/fmg-components/funnel-header/funnel-header.vue
@@ -26,16 +26,18 @@
         </div>
     </div>
     <template v-for="globalAlert in globalAlertMessages" :key="globalAlert.id">
-        <transition name="fade" mode="out-in">
-            <alert
-                v-if="globalAlert.displayAlert"
-                class="rounded-0 w-100 border-0 shadow-sm"
-                cmsWidgetName="GlobalAlert"
-                :manualHeadline="globalAlert.messageHeadline"
-                :manualCopy="globalAlert.messageCopy"
-                :alertClass="globalAlert.type"
-                v-bind:isDismissible="globalAlert.isDismissible" />
-        </transition>
+        <div class="container d-flex global-alert-wrapper">
+            <transition name="fade" mode="out-in">
+                <alert
+                    v-if="globalAlert.displayAlert"
+                    class="rounded-0 w-100 border-0 shadow-sm"
+                    cmsWidgetName="GlobalAlert"
+                    :manualHeadline="globalAlert.messageHeadline"
+                    :manualCopy="globalAlert.messageCopy"
+                    :alertClass="globalAlert.type"
+                    v-bind:isDismissible="globalAlert.isDismissible" />
+            </transition>
+        </div>
     </template>
 </template>
 
@@ -257,4 +259,7 @@ export default {
         }
     }
 }
+.global-alert-wrapper .alert {
+    margin: 0 0 1.5rem;
+}
 </style>