diff --git a/packages/frontend/src/lib/components/header/header.svelte b/packages/frontend/src/lib/components/header/header.svelte
index a33322a..7dc1944 100644
--- a/packages/frontend/src/lib/components/header/header.svelte
+++ b/packages/frontend/src/lib/components/header/header.svelte
@@ -47,7 +47,7 @@
 </script>
 
 <header
-  class="sticky top-0 z-50 w-full backdrop-blur-xl shadow-[0_4px_24px_-8px_color-mix(in_oklab,var(--color-primary)_12%,transparent)]"
+  class="sticky top-0 z-50 w-full backdrop-blur-xl shadow-[0_4px_24px_-8px_color-mix(in_oklab,var(--color-primary)_12%,transparent)] bg-card/50"
 >
   <div class="container mx-auto px-4">
     <div class="flex items-center justify-evenly h-16">
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 db6e4e0..b7a4727 100644
--- a/packages/frontend/src/lib/components/page-hero/page-hero.svelte
+++ b/packages/frontend/src/lib/components/page-hero/page-hero.svelte
@@ -11,7 +11,6 @@
 </script>
 
 <section class="relative py-12 md:py-20 overflow-hidden">
-  <div class="absolute inset-0"></div>
   <div class="relative container mx-auto px-4 text-center">
     <div class="max-w-5xl mx-auto">
       <h1