From 7bb52f46757f988de3dca41eec36d46b062c2daa Mon Sep 17 00:00:00 2001
From: Vemula Karthik <thekarthikvemula@gmail.com>
Date: Sun, 21 Jun 2026 17:15:17 +0530
Subject: [PATCH] fix: prevent footer overlap on tablet viewports

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

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index bc75f939..40078f3f 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -99,7 +99,7 @@ export default function Footer() {
             </h3>
 
             <form
-              className="flex items-center w-full sm:w-80 bg-[var(--surface)] border border-[var(--border)] rounded-lg px-3 focus-within:border-[var(--accent)] transition"
+              className="flex items-center w-full lg:w-80 bg-[var(--surface)] border border-[var(--border)] rounded-lg px-3 focus-within:border-[var(--accent)] transition"
               onSubmit={(e) => e.preventDefault()}
               aria-label="Newsletter signup"
             >