diff --git a/src/components/auth/AccountSwitcher.tsx b/src/components/auth/AccountSwitcher.tsx
index fceb941..e78a004 100644
--- a/src/components/auth/AccountSwitcher.tsx
+++ b/src/components/auth/AccountSwitcher.tsx
@@ -24,7 +24,7 @@ export function AccountSwitcher({ onAddAccountClick }: AccountSwitcherProps) {
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <button className='flex items-center gap-3 p-3 rounded-full hover:bg-accent transition-all w-full text-foreground max-w-60'>
+        <button className='flex items-center gap-3 p-3 rounded-full hover:bg-accent transition-all w-full text-foreground'>
           <Avatar className='w-10 h-10'>
             <AvatarImage src={currentUser.metadata.picture} alt={currentUser.metadata.name} />
             <AvatarFallback>{currentUser.metadata.name?.charAt(0) || <UserIcon />}</AvatarFallback>
diff --git a/src/components/auth/LoginArea.tsx b/src/components/auth/LoginArea.tsx
index 4a9d1fe..09fdf83 100644
--- a/src/components/auth/LoginArea.tsx
+++ b/src/components/auth/LoginArea.tsx
@@ -20,7 +20,7 @@ export function LoginArea() {
   };
 
   return (
-    <>
+    <div className="flex items-center justify-center max-w-60">
       {currentUser ? (
         <AccountSwitcher onAddAccountClick={() => setLoginDialogOpen(true)} />
       ) : (
@@ -44,6 +44,6 @@ export function LoginArea() {
         isOpen={signupDialogOpen}
         onClose={() => setSignupDialogOpen(false)}
       />
-    </>
+    </div>
   );
 }
\ No newline at end of file