diff --git a/packages/frontend/src/lib/components/page-hero/page-hero.svelte b/packages/frontend/src/lib/components/page-hero/page-hero.svelte
index b3264c3..107ea92 100644
--- a/packages/frontend/src/lib/components/page-hero/page-hero.svelte
+++ b/packages/frontend/src/lib/components/page-hero/page-hero.svelte
@@ -10,7 +10,7 @@
   let { title, description, children }: Props = $props();
 </script>
 
-<section class="relative py-12 md:py-20 overflow-hidden">
+<section class="relative -mt-16 pt-28 pb-12 md:pb-20 overflow-hidden">
   <div class="absolute inset-0 bg-gradient-to-b from-primary/12 via-accent/6 to-transparent"></div>
   <div class="relative container mx-auto px-4 text-center">
     <div class="max-w-5xl mx-auto">