diff --git a/web/src/lib/api/labels.ts b/web/src/lib/api/labels.ts
index c7cf5dfd1..53d12c3ea 100644
--- a/web/src/lib/api/labels.ts
+++ b/web/src/lib/api/labels.ts
@@ -7,6 +7,7 @@ import type * as OrgTangledLabelDefs from "$lib/api/lexicons/types/org/tangled/l
 import { collect } from "$lib/api/pagination";
 import type { ResolvedPathname } from "$app/types";
 import type { Label } from "$lib/components/repo/LabelPanel.svelte";
+import { labelHref } from "$lib/ticketQuery";
 import {
 	atUriOf,
 	datetimeOf,
@@ -148,7 +149,7 @@ export const labelsOfTokens = (
 				key: definition.uri,
 				name: definition.value.name,
 				color: definition.value.color ?? "",
-				href: `${listHref}?label=${encodeURIComponent(definition.value.name)}` as ResolvedPathname
+				href: labelHref(listHref, definition.value.name) as ResolvedPathname
 			}
 		];
 	});
diff --git a/web/src/lib/components/repo/SubjectLabelPanel.svelte b/web/src/lib/components/repo/SubjectLabelPanel.svelte
index fb6c1cf1e..8d82714b3 100644
--- a/web/src/lib/components/repo/SubjectLabelPanel.svelte
+++ b/web/src/lib/components/repo/SubjectLabelPanel.svelte
@@ -12,6 +12,7 @@
 	import { didFromUri, rkeyFromUri } from "$lib/api/uri";
 	import { getAuth } from "$lib/auth.svelte";
 	import LabelPanel, { type Label } from "$lib/components/repo/LabelPanel.svelte";
+	import { labelHref } from "$lib/ticketQuery";
 
 	interface Props {
 		subject: string;
@@ -50,7 +51,7 @@
 			key: definition.uri,
 			name: definition.value.name,
 			color: definition.value.color ?? "",
-			href: `${listHref}?label=${encodeURIComponent(definition.value.name)}` as ResolvedPathname
+			href: labelHref(listHref, definition.value.name) as ResolvedPathname
 		}))
 	);