diff --git a/components/Hero.tsx b/components/Hero.tsx
index 558a2c5..29f3d12 100644
--- a/components/Hero.tsx
+++ b/components/Hero.tsx
@@ -9,7 +9,7 @@ export default function Hero() {
   const typed = useTypewriter(words);
 
   return (
-    <section className="relative min-h-screen flex items-center justify-center overflow-hidden">
+    <section className="relative min-h-screen flex items-center justify-center overflow-hidden pt-20 sm:pt-0">
       {/* Background grid */}
       <div className="absolute inset-0 bg-grid opacity-50" />