diff --git a/web/src/pages/Profile.jsx b/web/src/pages/Profile.jsx
index 46a1640..4145871 100644
--- a/web/src/pages/Profile.jsx
+++ b/web/src/pages/Profile.jsx
@@ -133,7 +133,9 @@ export default function Profile() {
   const displayName = profile?.displayName || profile?.handle || handle;
   const displayHandle =
     profile?.handle || (handle?.startsWith("did:") ? null : handle);
-  const avatarUrl = profile?.avatar;
+  const avatarUrl = profile?.did
+    ? `/api/avatar/${encodeURIComponent(profile.did)}`
+    : null;
 
   const getInitial = () => {
     return (displayName || displayHandle || "??")