From c0d35fe530d52f4af7e14bf866b600ad5d6d3def Mon Sep 17 00:00:00 2001
From: deme <joaommdemenech@gmail.com>
Date: Fri, 21 Apr 2023 11:31:45 -0300
Subject: [PATCH] [website,#778][xs]: fix email input width

---
 site/components/Hero.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/site/components/Hero.tsx b/site/components/Hero.tsx
index 48cf954a..50d584e2 100644
--- a/site/components/Hero.tsx
+++ b/site/components/Hero.tsx
@@ -32,7 +32,10 @@ export function Hero() {
   const el = useRef(null);
 
   return (
-    <div className="overflow-hidden -mb-32 mt-[-4.5rem] pb-32 pt-[4.5rem] lg:mt-[-4.75rem] lg:pt-[4.75rem]" id="hero">
+    <div
+      className="overflow-hidden -mb-32 mt-[-4.5rem] pb-32 pt-[4.5rem] lg:mt-[-4.75rem] lg:pt-[4.75rem]"
+      id="hero"
+    >
       <div className="py-16 sm:px-2 lg:relative lg:py-20 lg:px-0">
         {/* Commented code on line 37, 39 and 113 will reenable the two columns hero */}
         {/* <div className="mx-auto grid max-w-2xl grid-cols-1 items-center gap-y-16 gap-x-8 px-4 lg:max-w-8xl lg:grid-cols-2 lg:px-8 xl:gap-x-16 xl:px-12"> */}
@@ -50,7 +53,9 @@ export function Hero() {
               present a single dataset or build a full-scale data
               catalog/portal.
             </p>
-            <NewsletterForm />
+            <div className="md:max-w-md mx-auto">
+              <NewsletterForm />
+            </div>
             <p className="my-10 text-l tracking-wide">
               <span>A project of</span>
               <a