diff --git a/web/src/lib/components/ui/User.svelte b/web/src/lib/components/ui/User.svelte
index 2432210c0..4016235e7 100644
--- a/web/src/lib/components/ui/User.svelte
+++ b/web/src/lib/components/ui/User.svelte
@@ -67,6 +67,7 @@
 		avatarClass?: string;
 		handleClass?: string;
 		link?: boolean;
+		email?: string;
 	}
 
 	let {
@@ -78,7 +79,8 @@
 		class: className,
 		avatarClass,
 		handleClass,
-		link = false
+		link = false,
+		email
 	}: Props = $props();
 
 	const actor = $derived(handle ?? did);
@@ -96,9 +98,15 @@
 {/snippet}
 
 {#if linked}
-	<a href={resolve(`/${actor}` as "/")} class={slots.root({ class: className })}>
-		{@render body()}
-	</a>
+	{#if email}
+		<a href="mailto:{email}" class={slots.root({ class: className })}>
+			{@render body()}
+		</a>
+	{:else}
+		<a href={resolve(`/${actor}` as "/")} class={slots.root({ class: className })}>
+			{@render body()}
+		</a>
+	{/if}
 {:else}
 	<span class={slots.root({ class: className })}>
 		{@render body()}