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>

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"