diff --git a/src/lib/components/channel/Messages/Message/ProfilePreview.svelte b/src/lib/components/channel/Messages/Message/ProfilePreview.svelte
index 8ed95e63e8..a7daef9147 100644
--- a/src/lib/components/channel/Messages/Message/ProfilePreview.svelte
+++ b/src/lib/components/channel/Messages/Message/ProfilePreview.svelte
@@ -11,11 +11,21 @@
 	export let align = 'center';
 	export let side = 'right';
 	export let sideOffset = 8;
+
+	let openPreview = false;
 </script>
 
-<LinkPreview.Root openDelay={0} closeDelay={0}>
-	<LinkPreview.Trigger class=" cursor-pointer no-underline! font-normal! ">
-		<slot />
+<LinkPreview.Root openDelay={0} closeDelay={100} bind:open={openPreview}>
+	<LinkPreview.Trigger class="flex items-center">
+		<button
+			type="button"
+			class=" cursor-pointer no-underline! font-normal!"
+			on:click={() => {
+				openPreview = !openPreview;
+			}}
+		>
+			<slot />
+		</button>
 	</LinkPreview.Trigger>
 
 	<UserStatusLinkPreview id={user?.id} {side} {align} {sideOffset} />