From f452f0023b51b971d1c1f9956f3c4eacc30cd4e7 Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Sun, 8 Sep 2024 20:36:22 +0200
Subject: [PATCH] fix: adjust padding for email address field for newsletter
 form

---
 components/shared/Newsletter.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/shared/Newsletter.tsx b/components/shared/Newsletter.tsx
index 47bc208..e23f7cc 100644
--- a/components/shared/Newsletter.tsx
+++ b/components/shared/Newsletter.tsx
@@ -81,7 +81,7 @@ const Newsletter = () => {
           aria-label="Email Information"
           onSubmit={(e) => e.preventDefault()}
         >
-          <div className="group flex items-center gap-x-4 pl-4 pr-1 rounded-[9px] bg-accent/80 hover:bg-accent shadow-outline-gray hover:shadow-transparent focus-within:bg-accent focus-within:!shadow-outline-gray-focus transition-all duration-300">
+          <div className="group flex items-center gap-x-4 pl-1 md:pl-4 pr-1 rounded-[9px] bg-accent/80 hover:bg-accent shadow-outline-gray hover:shadow-transparent focus-within:bg-accent focus-within:!shadow-outline-gray-focus transition-all duration-300">
             <Mail className="hidden sm:inline w-6 h-6 text-[#4B4C52] group-focus-within:text-secondary-foreground group-hover:text-secondary-foreground transition-colors duration-300" />
             <Input
               value={input}