diff --git a/web/src/lib/components/repo/BranchList.svelte b/web/src/lib/components/repo/BranchList.svelte
index 4cb8636c..67997673 100644
--- a/web/src/lib/components/repo/BranchList.svelte
+++ b/web/src/lib/components/repo/BranchList.svelte
@@ -34,7 +34,7 @@
 					>
 					<TimeAgo
 						value={branch.when}
-						class="shrink-0 text-xs whitespace-nowrap text-foreground-subtle"
+						class="shrink-0 text-paragraph-regular whitespace-nowrap text-foreground-subtle"
 					/>
 				{/if}
 				{#if branch.isDefault}
diff --git a/web/src/lib/components/repo/CommitList.svelte b/web/src/lib/components/repo/CommitList.svelte
index 323b4335..88a9a110 100644
--- a/web/src/lib/components/repo/CommitList.svelte
+++ b/web/src/lib/components/repo/CommitList.svelte
@@ -45,7 +45,9 @@
 				<p class="mt-1 pb-2 text-sm whitespace-pre-wrap text-foreground-muted">{commit.body}</p>
 			{/if}
 
-			<div class="mt-2 flex flex-wrap items-center gap-2 text-xs text-foreground-subtle">
+			<div
+				class="mt-2 flex flex-wrap items-center gap-2 text-paragraph-regular text-foreground-subtle"
+			>
 				<a
 					href={resolve(`${base}/commit/${commit.hash}` as "/")}
 					title={commit.changeId ? `jj change id: ${commit.changeId}` : undefined}
diff --git a/web/src/lib/components/repo/TagList.svelte b/web/src/lib/components/repo/TagList.svelte
index 56c0a3e7..fe9fd078 100644
--- a/web/src/lib/components/repo/TagList.svelte
+++ b/web/src/lib/components/repo/TagList.svelte
@@ -28,7 +28,7 @@
 			</div>
 			<div class="flex items-center gap-2">
 				{#if tag.when}
-					<TimeAgo value={tag.when} class="text-xs text-foreground-subtle" />
+					<TimeAgo value={tag.when} class="text-paragraph-regular text-foreground-subtle" />
 				{/if}
 				{#if index === 0}
 					<Tag color="gray" class="font-mono">Latest</Tag>