diff --git a/apps/user/app/(main)/page.tsx b/apps/user/app/(main)/page.tsx
index 2354f3c..96623f7 100644
--- a/apps/user/app/(main)/page.tsx
+++ b/apps/user/app/(main)/page.tsx
@@ -34,7 +34,7 @@ export default async function Home() {
     <LoginDialogProvider>
       <Header />
       <FullScreenVideoBackground />
-      <main className='fixed inset-0 z-10 flex items-center justify-center'>
+      <main className='fixed inset-0 flex items-center justify-center'>
         <HomeContent />
       </main>
       <FooterCopyright />
diff --git a/apps/user/components/user-nav.tsx b/apps/user/components/user-nav.tsx
index 652685f..24cf86f 100644
--- a/apps/user/components/user-nav.tsx
+++ b/apps/user/components/user-nav.tsx
@@ -47,13 +47,13 @@ export function UserNav({ from = '' }: { from?: string }) {
               </div>
             </div>
           ) : (
-            <Avatar className='h-14 w-14 cursor-pointer md:h-16 md:w-16'>
+            <Avatar className='aspect-square h-full w-auto cursor-pointer'>
               <AvatarImage
                 alt={user?.avatar ?? ''}
                 src={user?.auth_methods?.[0]?.auth_identifier ?? ''}
                 className='object-cover'
               />
-              <AvatarFallback className='text-background bg-[#0F2C53] bg-gradient-to-br text-5xl font-bold'>
+              <AvatarFallback className='text-background bg-[#0F2C53] bg-gradient-to-br text-3xl font-bold'>
                 {user?.auth_methods?.[0]?.auth_identifier.toUpperCase().charAt(0)}
               </AvatarFallback>
             </Avatar>