diff --git a/web/src/lib/components/repo/issues/IssueCardContent.svelte b/web/src/lib/components/repo/issues/IssueCardContent.svelte
index 67383b4c9..dbecb5887 100644
--- a/web/src/lib/components/repo/issues/IssueCardContent.svelte
+++ b/web/src/lib/components/repo/issues/IssueCardContent.svelte
@@ -4,6 +4,7 @@
 	import TimeAgo from "$lib/components/ui/TimeAgo.svelte";
 	import IssueStatePill from "./IssueStatePill.svelte";
 	import type { IssueSummary } from "$lib/components/repo/types";
+	import Separator from "$lib/components/ui/Separator.svelte";
 
 	interface Props {
 		ownerHandle: string;
@@ -19,27 +20,27 @@
 </script>
 
 <div class="pb-2">
-	<a {href} class="text-foreground-default no-underline">
-		<span class="hover:underline">{issue.title}</span>
+	<a {href} class="text-foreground-default hover:underline">
+		<span>{issue.title}</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-muted">
+<div class="flex flex-wrap items-center gap-x-1 gap-y-1.5 text-foreground-muted">
 	<IssueStatePill state={issue.state} />
 
 	<span class="ml-1 flex items-center gap-1">
 		<User handle={issue.authorHandle} did={issue.authorDid} />
 	</span>
 
-	<span class="before:mr-1 before:content-['·']">
-		<TimeAgo value={issue.createdAt} />
-	</span>
+	<Separator variant="dot" />
+	
+	<TimeAgo value={issue.createdAt} />
 
-	<span class="before:mr-1 before:content-['·']">
-		<a {href} class="text-foreground-muted no-underline hover:underline">
-			{issue.commentCount}
-			{issue.commentCount === 1 ? "comment" : "comments"}
-		</a>
-	</span>
+	<Separator variant="dot" />
+	
+	<a {href} class="text-foreground-muted no-underline hover:underline">
+		{issue.commentCount}
+		{issue.commentCount === 1 ? "comment" : "comments"}
+	</a>
 </div>