diff --git a/frontend/src/lib/components/NotificationBell.svelte b/frontend/src/lib/components/NotificationBell.svelte
index 03f5398a..0e390357 100644
--- a/frontend/src/lib/components/NotificationBell.svelte
+++ b/frontend/src/lib/components/NotificationBell.svelte
@@ -4,6 +4,7 @@ import { goto } from '$app/navigation';
 import { m } from '$lib/paraglide/messages.js';
 import { clickOutside } from '$lib/actions/clickOutside';
 import { notificationStore } from '$lib/stores/notifications.svelte';
+import { buildCommentHref } from '$lib/utils/commentDeepLink';
 import NotificationDropdown from './NotificationDropdown.svelte';
 
 let open = $state(false);
@@ -31,9 +32,11 @@ function closeDropdown() {
 
 async function handleMarkRead(notification: Parameters<typeof stream.markRead>[0]) {
 	await stream.markRead(notification);
-	const url = notification.annotationId
-		? `/documents/${notification.documentId}?commentId=${notification.referenceId}&annotationId=${notification.annotationId}`
-		: `/documents/${notification.documentId}?commentId=${notification.referenceId}`;
+	const url = buildCommentHref(
+		notification.documentId,
+		notification.referenceId,
+		notification.annotationId
+	);
 	closeDropdown();
 	goto(url);
 }