diff --git a/apps/user/app/(main)/page.tsx b/apps/user/app/(main)/page.tsx
index 96623f7..22e7d3a 100644
--- a/apps/user/app/(main)/page.tsx
+++ b/apps/user/app/(main)/page.tsx
@@ -32,9 +32,9 @@ export default async function Home() {
 
   return (
     <LoginDialogProvider>
-      <Header />
       <FullScreenVideoBackground />
-      <main className='fixed inset-0 flex items-center justify-center'>
+      <Header />
+      <main className='fixed inset-0 z-40 flex items-center justify-center'>
         <HomeContent />
       </main>
       <FooterCopyright />
diff --git a/apps/user/components/main/FullScreenVideoBackground.tsx b/apps/user/components/main/FullScreenVideoBackground.tsx
index f2349cd..6bf326a 100644
--- a/apps/user/components/main/FullScreenVideoBackground.tsx
+++ b/apps/user/components/main/FullScreenVideoBackground.tsx
@@ -2,7 +2,7 @@
 
 const FullScreenVideoBackground = ({}: {}) => {
   return (
-    <div className='fixed inset-0 h-full w-full overflow-hidden'>
+    <div className='h-full w-full overflow-hidden'>
       <video
         autoPlay
         muted