diff --git a/frontend/application/components/Hero.tsx b/frontend/application/components/Hero.tsx
index 2daef11..afa5225 100644
--- a/frontend/application/components/Hero.tsx
+++ b/frontend/application/components/Hero.tsx
@@ -111,7 +111,7 @@ export default function Hero({ banners = [], onShopNavigate }: { banners?: Banne
   };
 
   return (
-    <section className="relative overflow-hidden bg-white py-16 lg:py-28 border-b border-medical-gray-100">
+    <section className="relative overflow-hidden bg-white py-12 lg:py-28 border-b border-medical-gray-100">
       {/* Background patterns */}
       <div className="absolute top-0 left-0 w-full h-full opacity-[0.03] pointer-events-none select-none overflow-hidden">
         <div className="absolute top-0 right-0 w-[800px] h-[800px] bg-canina-blue rounded-full blur-[120px] -mr-96 -mt-96" />