From 9e5788322daad0a0fd785b15505be5a79b68eba7 Mon Sep 17 00:00:00 2001
From: Christian Bedon <christian.bedon@contractors.kiva.org>
Date: Wed, 6 Dec 2023 14:07:11 -0500
Subject: [PATCH] fix: wrapping donation banner headline

---
 .../Banners/Donation/DonationBanner.vue       | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/WwwFrame/PromotionalBanner/Banners/Donation/DonationBanner.vue b/src/components/WwwFrame/PromotionalBanner/Banners/Donation/DonationBanner.vue
index 7baf27d160..15279c3550 100644
--- a/src/components/WwwFrame/PromotionalBanner/Banners/Donation/DonationBanner.vue
+++ b/src/components/WwwFrame/PromotionalBanner/Banners/Donation/DonationBanner.vue
@@ -21,17 +21,19 @@
 						</div>
 					</div>
 					<div class="tw-text-center md:tw-text-left">
-						<h3 class="tw-inline" v-html="headline"></h3>
-						<a
-							v-if="disclaimer"
-							v-kv-track-event="['promo', 'click-Contentful-banner', 'disclaimer-superscript', '1']"
-							class="tw-text-primary"
-							@click="scrollToSection('#disclaimers')"
-						>
-							<sup>
-								1
-							</sup>
-						</a>
+						<div class="md:tw-max-w-lg tw-whitespace-prewrap">
+							<h3 class="tw-inline" v-html="headline"></h3>
+							<a
+								v-if="disclaimer"
+								v-kv-track-event="['promo', 'click-Contentful-banner', 'disclaimer-superscript', '1']"
+								class="tw-text-primary"
+								@click="scrollToSection('#disclaimers')"
+							>
+								<sup>
+									1
+								</sup>
+							</a>
+						</div>
 						<div
 							class="tw-mb-3 tw-mt-0.5 lg:tw-mb-2 tw-whitespace-pre-wrap md:tw-max-w-sm"
 							v-html="body"