diff --git a/web/src/components/SettingsPanel.tsx b/web/src/components/SettingsPanel.tsx
index 300afff..1985b6e 100644
--- a/web/src/components/SettingsPanel.tsx
+++ b/web/src/components/SettingsPanel.tsx
@@ -265,7 +265,10 @@ export function SettingsPanel({ open, onClose }: Props) {
                     {profileDraft.avatarUrl.trim() ? (
                       <img alt="avatar preview" className="h-12 w-12 rounded-full object-cover" src={profileDraft.avatarUrl.trim()} />
                     ) : (
-                      <div className="flex h-12 w-12 items-center justify-center rounded-full bg-slate-700 text-xs text-slate-300">No avatar</div>
+                      <div className="flex h-12 w-12 flex-col items-center justify-center rounded-full bg-slate-700 text-[10px] leading-[1.05] text-slate-300">
+                        <span>No</span>
+                        <span>avatar</span>
+                      </div>
                     )}
                     <div className="flex flex-wrap items-center gap-2">
                       <label className="cursor-pointer rounded bg-sky-500 px-3 py-1.5 text-xs font-semibold text-slate-950">