diff --git a/src/app/[locale]/page.tsx b/src/app/[locale]/page.tsx
index 93d21db..50b05c3 100644
--- a/src/app/[locale]/page.tsx
+++ b/src/app/[locale]/page.tsx
@@ -202,15 +202,15 @@ export default async function Homepage({ params }: { params: Promise<{ locale: s
                 <p className="text-white/70 mb-10 mx-auto text-lg">
                   {t("newsletterText")}
                 </p>
-                <form className="flex flex-col sm:flex-row items-center justify-center max-w-md mx-auto gap-2 sm:gap-0">
+                <form className="flex flex-col sm:flex-row items-stretch justify-center max-w-md mx-auto gap-0">
                   <input
                     type="email"
                     placeholder={t("emailPlaceholder")}
-                    className="flex-1 min-w-0 px-5 h-14 bg-white/10 border border-white/20 text-white placeholder:text-white/50 focus:border-white focus:outline-none transition-colors text-base text-center sm:text-left rounded sm:rounded-r-none"
+                    className="flex-1 min-w-0 px-5 !h-14 bg-white/10 border border-white/20 border-b-0 sm:border-b border-r-0 sm:border-r border-white/20 text-white placeholder:text-white/50 focus:border-white focus:outline-none transition-colors text-base text-center sm:text-left rounded-t sm:rounded-l sm:rounded-tr-none"
                   />
                   <button
                       type="submit"
-                      className="px-8 h-14 bg-white text-black text-sm uppercase tracking-[0.1em] font-medium hover:bg-white/90 transition-colors whitespace-nowrap flex-shrink-0 rounded sm:rounded-l sm:rounded-bl-none"
+                      className="px-8 bg-white text-black text-sm uppercase tracking-[0.1em] font-medium hover:bg-white/90 transition-colors whitespace-nowrap flex-shrink-0 rounded-b sm:rounded-r sm:rounded-bl-none"
                     >
                       {t("subscribe")}
                     </button>