diff --git a/app/components/NewsletterModal.tsx b/app/components/NewsletterModal.tsx index f6fb054..6774338 100644 --- a/app/components/NewsletterModal.tsx +++ b/app/components/NewsletterModal.tsx @@ -207,9 +207,13 @@ export function NewsletterModal({ open, onClose }: { open: boolean; onClose: () emailError ? "border-red-600 focus:border-red-600" : "border-border focus:border-brand" }`} /> - {emailError && ( -
{emailError}
- )} + {/* Always rendered (min-h reserves one line's worth of + space) rather than conditionally mounted — this sits + inside the same row the photo on the left stretches + to match (items-stretch, md:aspect-auto), so an error + popping in and out used to grow/shrink the whole + modal, visibly resizing the photo along with it. */} +{emailError}