diff --git a/web/src/lib/components/repo/issues/IssueCardContent.svelte b/web/src/lib/components/repo/issues/IssueCardContent.svelte
index c8eac488..67383b4c 100644
--- a/web/src/lib/components/repo/issues/IssueCardContent.svelte
+++ b/web/src/lib/components/repo/issues/IssueCardContent.svelte
@@ -21,11 +21,11 @@
 <div class="pb-2">
 	<a {href} class="text-foreground-default no-underline">
 		<span class="hover:underline">{issue.title}</span>
-		<span class="text-foreground-subtle">#{issue.rkey}</span>
+		<span class="text-foreground-muted">#{issue.rkey}</span>
 	</a>
 </div>
 
-<div class="flex flex-wrap items-center gap-x-1 gap-y-1.5 typography-paragraph-small text-foreground-subtle">
+<div class="flex flex-wrap items-center gap-x-1 gap-y-1.5 typography-paragraph-small text-foreground-muted">
 	<IssueStatePill state={issue.state} />
 
 	<span class="ml-1 flex items-center gap-1">
@@ -37,7 +37,7 @@
 	</span>
 
 	<span class="before:mr-1 before:content-['·']">
-		<a {href} class="text-foreground-subtle no-underline hover:underline">
+		<a {href} class="text-foreground-muted no-underline hover:underline">
 			{issue.commentCount}
 			{issue.commentCount === 1 ? "comment" : "comments"}
 		</a>