From 2910631d5649c517ca5fc3d63ea8262d1389ead6 Mon Sep 17 00:00:00 2001
From: adilallo <39313955+adilallo@users.noreply.github.com>
Date: Tue, 19 Aug 2025 22:51:31 -0600
Subject: [PATCH] Fix button md breakpoint sizing issue

---
 app/components/ContentLockup.js | 6 +++++-
 app/components/HeroBanner.js    | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/components/ContentLockup.js b/app/components/ContentLockup.js
index 85f59f5..273fa3d 100644
--- a/app/components/ContentLockup.js
+++ b/app/components/ContentLockup.js
@@ -43,7 +43,11 @@ const ContentLockup = ({ title, subtitle, description, ctaText, ctaHref }) => {
         </div>
         {/* Large button for md and lg breakpoints */}
         <div className="hidden md:block xl:hidden">
-          <Button variant="primary" size="large">
+          <Button
+            variant="primary"
+            size="large"
+            className="shrink-0 whitespace-nowrap min-w-[280px]"
+          >
             {ctaText}
           </Button>
         </div>
diff --git a/app/components/HeroBanner.js b/app/components/HeroBanner.js
index b57dadb..93acafe 100644
--- a/app/components/HeroBanner.js
+++ b/app/components/HeroBanner.js
@@ -29,7 +29,7 @@ const HeroBanner = ({ title, subtitle, description, ctaText, ctaHref }) => {
           </div>
 
           {/* Hero Image Container */}
-          <div className="w-full md:flex-1 rounded-[8px] overflow-hidden relative z-10">
+          <div className="w-full md:flex-1 rounded-[8px] overflow-hidden relative z-10 flex items-center justify-center">
             <img
               src="/assets/HeroImage.png"
               alt="Hero illustration"