diff --git a/src/element/live-chat.tsx b/src/element/live-chat.tsx
index e5b8db9..d1880f7 100644
--- a/src/element/live-chat.tsx
+++ b/src/element/live-chat.tsx
@@ -146,7 +146,7 @@ function ChatZap({ ev }: { ev: TaggedRawEvent }) {
       <div className="zap">
         <Icon name="zap-filled" className="zap-icon" />
         <Profile
-          pubkey={parsed.anonZap ? "" : parsed.sender ?? ""}
+          pubkey={parsed.anonZap ? "anon" : parsed.sender ?? "anon"}
           options={{
             showAvatar: !parsed.anonZap,
             overrideName: parsed.anonZap ? "Anon" : undefined,
diff --git a/src/element/profile.tsx b/src/element/profile.tsx
index f723858..0a7f74a 100644
--- a/src/element/profile.tsx
+++ b/src/element/profile.tsx
@@ -35,19 +35,22 @@ export function Profile({
   options?: ProfileOptions;
 }) {
   const profile = useUserProfile(System, pubkey);
+  const showAvatar = options?.showAvatar ?? true;
+  const showName = options?.showName ?? true;
 
   const content = (
     <>
-      {(options?.showAvatar ?? true) && pubkey === "anon" ? (
-        <Icon size={40} name="zap-filled" />
-      ) : (
-        <img
-          alt={profile?.name || pubkey}
-          className={avatarClassname ? avatarClassname : ""}
-          src={profile?.picture ?? ""}
-        />
-      )}
-      {(options?.showName ?? true) && (
+      {showAvatar &&
+        (pubkey === "anon" ? (
+          <Icon size={40} name="zap-filled" />
+        ) : (
+          <img
+            alt={profile?.name || pubkey}
+            className={avatarClassname ? avatarClassname : ""}
+            src={profile?.picture ?? ""}
+          />
+        ))}
+      {showName && (
         <span>
           {options?.overrideName ?? pubkey === "anon"
             ? "Anon"