diff --git a/apps/blogai/components/user-menu.tsx b/apps/blogai/components/user-menu.tsx
index 2962d1e..ab192b7 100644
--- a/apps/blogai/components/user-menu.tsx
+++ b/apps/blogai/components/user-menu.tsx
@@ -61,8 +61,10 @@ export function UserMenu({ user }: { user: UserData }) {
                 height={32}
               />
             ) : (
-              <div className="flex h-12 w-12 shrink-0 select-none items-center justify-center rounded-full bg-muted/50 text-xs font-medium uppercase text-muted-foreground">
+              <div 
+                className="flex h-12 w-12 shrink-0 select-none items-center justify-center rounded-full bg-muted/50 text-xs font-medium uppercase text-muted-foreground"
                 style={{ backgroundColor: getRandomColor(user?.user_name) }}
+              >
                 {user?.user_name ? getUserInitials(user?.user_name.slice(0, 2)) : null}
               </div>
             )}