diff --git a/web/src/lib/components/repo/RefChip.svelte b/web/src/lib/components/repo/RefChip.svelte
index 68e71e343..7100366d1 100644
--- a/web/src/lib/components/repo/RefChip.svelte
+++ b/web/src/lib/components/repo/RefChip.svelte
@@ -16,7 +16,7 @@
 </script>
 
 <div
-	class="flex w-fit items-center justify-center gap-2 rounded-sm border border-border-default bg-background-canvas px-2 py-1 whitespace-nowrap {className}"
+	class="flex w-fit items-center justify-center gap-1 rounded-sm border border-background-canvas bg-background-canvas px-2 py-1 whitespace-nowrap {className}"
 >
 	<span class="text-foreground-muted">at</span>
 	<a href={treeHref} class="text-foreground-default no-underline hover:underline">{ref}</a>
diff --git a/web/src/lib/components/repo/RepoCrumbs.svelte b/web/src/lib/components/repo/RepoCrumbs.svelte
index 85be7010c..41c156556 100644
--- a/web/src/lib/components/repo/RepoCrumbs.svelte
+++ b/web/src/lib/components/repo/RepoCrumbs.svelte
@@ -28,7 +28,7 @@
 </script>
 
 <div
-	class="flex w-fit items-center gap-1 overflow-x-auto rounded-sm border border-border-default bg-background-canvas px-3 py-1 whitespace-nowrap"
+	class="flex w-fit items-center gap-1 overflow-x-auto rounded-sm border border-background-canvas bg-background-canvas px-3 py-1 whitespace-nowrap"
 >
 	{#each crumbs as crumb (crumb.href)}
 		{#if crumb.last}
diff --git a/web/src/lib/components/repo/issues/IssueInfoBar.svelte b/web/src/lib/components/repo/issues/IssueInfoBar.svelte
index 7643f62a9..82ed0057b 100644
--- a/web/src/lib/components/repo/issues/IssueInfoBar.svelte
+++ b/web/src/lib/components/repo/issues/IssueInfoBar.svelte
@@ -15,9 +15,7 @@
 	let { state, authorHandle, authorDid, createdAt, actions }: Props = $props();
 </script>
 
-<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} />
 
 	<span class="ml-1 flex items-center gap-1">
diff --git a/web/src/lib/components/repo/pulls/PullCommitRow.svelte b/web/src/lib/components/repo/pulls/PullCommitRow.svelte
index 2694f5f4d..2340350a3 100644
--- a/web/src/lib/components/repo/pulls/PullCommitRow.svelte
+++ b/web/src/lib/components/repo/pulls/PullCommitRow.svelte
@@ -35,19 +35,19 @@
 
 <div class="flex min-h-10 flex-1 px-3">
 	<div class="min-h-10 flex-1">
-		<div class="flex items-center gap-1">
+		<div class="flex items-center gap-2">
 			{#if commit.authorHandle && commit.authorDid}
 				<ProfilePopover did={commit.authorDid}>
 					<Avatar
 						did={commit.authorDid}
 						handle={commit.authorHandle}
-						size="small"
+						size="regular"
 						class="cursor-pointer"
 					/>
 				</ProfilePopover>
 			{:else if commit.authorName && commit.authorEmail && !commit.authorDid}
 				<a href="mailto:{commit.authorEmail}" class="shrink-0 text-inherit hover:underline">
-					<User handle={commit.authorName} size="small" link={false} />
+					<User handle={commit.authorName} size="regular" link={false} />
 				</a>
 			{:else if commit.authorName}
 				<span class="typography-paragraph-small text-foreground-muted"
diff --git a/web/src/lib/components/repo/tickets/TicketInfoBar.svelte b/web/src/lib/components/repo/tickets/TicketInfoBar.svelte
index 6adc0b495..07493315f 100644
--- a/web/src/lib/components/repo/tickets/TicketInfoBar.svelte
+++ b/web/src/lib/components/repo/tickets/TicketInfoBar.svelte
@@ -26,14 +26,12 @@
 	}: Props = $props();
 </script>
 
-<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">
 	<TicketStatePill {isPull} {state} />
 
 	<span class="ml-1 flex items-center gap-1">
 		opened by
-		<User size="small" handle={authorHandle} did={authorDid} link />
+		<User handle={authorHandle} did={authorDid} link />
 	</span>
 
 	<span class="before:mr-1 before:content-['·']">
@@ -42,7 +40,7 @@
 
 	{#if targetBranch}
 		<span class="ml-1">
-			targetting <Tag class="text-monospace-small">{targetBranch}</Tag>
+			targeting <Tag>{targetBranch}</Tag>
 		</span>
 	{/if}
 
diff --git a/web/src/lib/components/repo/tickets/TicketStatePill.svelte b/web/src/lib/components/repo/tickets/TicketStatePill.svelte
index cc7e033ac..454183e35 100644
--- a/web/src/lib/components/repo/tickets/TicketStatePill.svelte
+++ b/web/src/lib/components/repo/tickets/TicketStatePill.svelte
@@ -8,7 +8,7 @@
 	import GitPullRequestClosed from "$icon/git-pull-request-closed";
 
 	export const statePill = tv({
-		base: "inline-flex items-center gap-1 rounded-sm px-2 py-1 typography-paragraph-small text-foreground-on-emphasis select-none",
+		base: "inline-flex items-center gap-1 rounded-sm px-2 py-1 text-foreground-on-emphasis select-none",
 		variants: {
 			state: {
 				open: "bg-background-success-emphasis",
@@ -59,6 +59,6 @@
 </script>
 
 <span class={statePill({ state, class: className })}>
-	<Icon class="size-3 shrink-0" aria-hidden="true" />
+	<Icon class="size-3.5 shrink-0" aria-hidden="true" />
 	<span>{label}</span>
 </span>
diff --git a/web/src/lib/components/shell/Footer.svelte b/web/src/lib/components/shell/Footer.svelte
index 994dc1e50..8024daa79 100644
--- a/web/src/lib/components/shell/Footer.svelte
+++ b/web/src/lib/components/shell/Footer.svelte
@@ -50,7 +50,7 @@
 		"text-foreground-default font-bold typography-paragraph-small tracking-wide mb-1";
 	const linkStyle =
 		"inline-flex items-center gap-1 text-foreground-subtle hover:text-foreground-default hover:underline";
-	const minimalLinkStyle = "text-foreground-subtle hover:text-foreground-default hover:underline";
+	const minimalLinkStyle = "text-foreground-muted hover:text-foreground-default hover:underline";
 	const externalLinkAttributes = { target: "_blank" } as const;
 
 	const footerSections: FooterSection[] = [
@@ -340,7 +340,7 @@
 		class="w-full border-t border-border-default bg-background-default px-6 py-4 pb-[calc(env(safe-area-inset-bottom)+1rem)]"
 	>
 		<div
-			class="mx-auto flex max-w-5xl flex-wrap items-center justify-center gap-x-4 gap-y-2 typography-paragraph-small text-foreground-subtle"
+			class="mx-auto flex max-w-5xl flex-wrap items-center justify-center gap-x-4 gap-y-2 typography-paragraph-small text-foreground-muted"
 		>
 			<div
 				class="order-last flex w-full items-center justify-center gap-x-2 sm:order-first sm:w-auto"