diff --git a/web/src/lib/components/repo/issues/IssueStatePill.svelte b/web/src/lib/components/repo/issues/IssueStatePill.svelte
index 354330c0..6174523f 100644
--- a/web/src/lib/components/repo/issues/IssueStatePill.svelte
+++ b/web/src/lib/components/repo/issues/IssueStatePill.svelte
@@ -2,7 +2,7 @@
 	import { tv, type VariantProps } from "tailwind-variants";
 
 	export const issueStatePill = tv({
-		base: "inline-flex items-center gap-1.5 rounded-sm px-2 py-1 text-sm text-foreground-on-emphasis select-none",
+		base: "inline-flex items-center gap-1 rounded-sm px-2 py-1 typography-paragraph-small text-foreground-on-emphasis select-none",
 		variants: {
 			state: {
 				open: "bg-background-success-emphasis",
@@ -39,5 +39,5 @@
 		centred label reads high. nudge the text alone (a transform, so the icon and the
 		pill's height are untouched) to land it on the optical centre.
 	-->
-	<span class="translate-y-[1.5px]">{label}</span>
+	<span>{label}</span>
 </span>