diff --git a/web/src/lib/components/repo/pulls/PullCommitList.stories.svelte b/web/src/lib/components/repo/pulls/PullCommitList.stories.svelte
index d99d8c6f6..51fd7dc9f 100644
--- a/web/src/lib/components/repo/pulls/PullCommitList.stories.svelte
+++ b/web/src/lib/components/repo/pulls/PullCommitList.stories.svelte
@@ -98,7 +98,10 @@
 	{/snippet}
 </Story>
 
-<Story name="Showing change IDs" args={{ showChangeIds: true }}>
+<Story
+	name="Single author"
+	args={{ commits: commits.filter((commit) => commit.authorName === "oppi") }}
+>
 	{#snippet template(args)}
 		{@render frame(args)}
 	{/snippet}
diff --git a/web/src/lib/components/repo/pulls/PullCommitList.svelte b/web/src/lib/components/repo/pulls/PullCommitList.svelte
index 9b6119caa..804d186e9 100644
--- a/web/src/lib/components/repo/pulls/PullCommitList.svelte
+++ b/web/src/lib/components/repo/pulls/PullCommitList.svelte
@@ -18,11 +18,10 @@
 	interface Props {
 		commits: CommitSummary[];
 		pipelineStatuses?: Promise<CommitStatuses>;
-		showChangeIds?: boolean;
 		selection: PullCommitSelection;
 	}
 
-	let { commits, pipelineStatuses, showChangeIds = true, selection }: Props = $props();
+	let { commits, pipelineStatuses, selection }: Props = $props();
 
 	// where row `i` sits inside a range, so the row can style its own ends
 	function band(i: number, { start, end }: Range): Band {
@@ -47,14 +46,17 @@
 
 	const allSelected = $derived(selected < 0);
 
+	const authors = $derived(commits.map((commit) => commit.authorDid ?? commit.authorName));
+	const showAvatars = $derived(authors.some((author) => author !== authors[0]));
+
 	let palette = $derived(
 		allSelected
-			? "--range-accent: var(--color-foreground-placeholder); --range-fill: var(--color-background-subtle)"
-			: "--range-accent: var(--color-background-info-emphasis); --range-fill: var(--color-background-info-subtle)"
+			? "--range-accent: var(--color-foreground-placeholder); --range-fill: var(--color-background-inset); --range-mid: var(--color-background-muted)"
+			: "--range-accent: var(--color-background-info-emphasis); --range-fill: var(--color-background-info-subtle); --range-mid: var(--color-background-info-subtle-hover)"
 	);
 </script>
 
-{#snippet rangeRow(i: number, item: CommitSummary | "base", actions: RowActions)}
+{#snippet rangeRow(_i: number, item: CommitSummary | "base", actions: RowActions)}
 	{#if item === "base"}
 		<div
 			role="none"
@@ -62,16 +64,10 @@
 			onpointerleave={actions.onpointerleave}
 			class="flex h-10 flex-1 items-center px-3"
 		>
-			<Link onclick={actions.onclick}>Base</Link>
+			<Link onclick={actions.onclick} class="text-foreground-muted">Base</Link>
 		</div>
 	{:else}
-		<PullCommitRow
-			commit={item}
-			{pipelineStatuses}
-			showChangeId={showChangeIds}
-			highlight={selection.mode === "range" && selection.range.start == i}
-			{...actions}
-		/>
+		<PullCommitRow commit={item} {pipelineStatuses} showAvatar={showAvatars} {...actions} />
 	{/if}
 {/snippet}
 
@@ -146,8 +142,7 @@
 				<PullCommitRow
 					{commit}
 					{pipelineStatuses}
-					showChangeId={showChangeIds}
-					highlight={isRowSelected || (i == 0 && selected < 0)}
+					showAvatar={showAvatars}
 					onclick={focus}
 				/>
 			</div>
diff --git a/web/src/lib/components/repo/pulls/PullCommitListHeader.svelte b/web/src/lib/components/repo/pulls/PullCommitListHeader.svelte
index 4c67af29a..533d7cb13 100644
--- a/web/src/lib/components/repo/pulls/PullCommitListHeader.svelte
+++ b/web/src/lib/components/repo/pulls/PullCommitListHeader.svelte
@@ -13,39 +13,19 @@
 		versions: PullSubmission[];
 		commits: CommitSummary[];
 		versionRange: Range;
-		showChangeIds?: boolean;
 		oncommitVersions: (range: Range) => void;
 		actions?: Snippet;
 	}
 
-	let {
-		versions,
-		commits,
-		versionRange,
-		showChangeIds = $bindable(true),
-		oncommitVersions,
-		actions
-	}: Props = $props();
+	let { versions, commits, versionRange, oncommitVersions, actions }: Props = $props();
 
 	const isInterdiff = $derived(versionRange.start != versionRange.end);
-	const hasChangeIds = $derived(commits.some((commit) => commit.changeId !== undefined));
 </script>
 
 <div class="flex justify-between">
 	<div class="flex items-center gap-2 px-3 py-1">
 		<Layers class="size-4" />
-		{#if hasChangeIds}
-			<button
-				type="button"
-				class="cursor-pointer"
-				title={showChangeIds ? "Show commit hashes" : "Show change IDs"}
-				onclick={() => (showChangeIds = !showChangeIds)}
-			>
-				Changes
-			</button>
-		{:else}
-			<span>Commits</span>
-		{/if}
+		<span>Commits</span>
 		<Tag color="gray" size="regular">{commits.length}</Tag>
 		{#if isInterdiff}
 			<Tag icon={Circle} color="highlight" size="regular">Interdiff</Tag>
diff --git a/web/src/lib/components/repo/pulls/PullCommitRow.svelte b/web/src/lib/components/repo/pulls/PullCommitRow.svelte
index 591bc17bb..970d28a36 100644
--- a/web/src/lib/components/repo/pulls/PullCommitRow.svelte
+++ b/web/src/lib/components/repo/pulls/PullCommitRow.svelte
@@ -6,15 +6,13 @@
 	import Avatar from "$lib/components/ui/Avatar.svelte";
 	import Link from "$lib/components/ui/Link.svelte";
 	import Separator from "$lib/components/ui/Separator.svelte";
-	import Tag from "$lib/components/ui/Tag.svelte";
 	import PipelineWorkflows from "$lib/components/repo/pipelines/PipelineWorkflows.svelte";
 	import type { CommitSummary } from "$lib/components/repo/types";
 
 	interface Props {
 		commit: CommitSummary;
 		pipelineStatuses?: Promise<CommitStatuses>;
-		highlight?: boolean;
-		showChangeId?: boolean;
+		showAvatar?: boolean;
 		onclick?: () => void;
 		onpointerenter?: () => void;
 		onpointerleave?: () => void;
@@ -23,50 +21,35 @@
 	let {
 		commit,
 		pipelineStatuses,
-		highlight = false,
-		showChangeId = true,
+		showAvatar = true,
 		onclick,
 		onpointerenter,
 		onpointerleave
 	}: Props = $props();
 
 	let expanded = $state(false);
-	let flipped = $state(false);
 
-	const short = (id: string) => id.slice(0, 8);
-
-	const swappable = $derived(commit.changeId !== undefined);
-	const asChange = $derived(swappable && showChangeId !== flipped);
-	const label = $derived(asChange && commit.changeId ? short(commit.changeId) : commit.shortHash);
+	const changeId = $derived(commit.changeId?.slice(0, 8));
 </script>
 
-<div role="none" {onpointerenter} {onpointerleave} class="flex min-h-10 flex-1 px-3">
-	<div class="grid min-h-10 flex-1 grid-cols-[6rem_minmax(0,1fr)] gap-x-2">
-		<div class="col-start-1 row-start-1 flex h-10 items-center">
-			{#if swappable}
-				<button
-					type="button"
-					class="cursor-pointer"
-					title={asChange ? "Show the commit hash" : "Show the change ID"}
-					onclick={() => (flipped = !flipped)}
-				>
-					<Tag
-						class="py-1 typography-monospace-small"
-						color={highlight ? "highlight" : "default"}
-					>
-						{label}
-					</Tag>
-				</button>
-			{:else}
-				<Tag
-					class="py-1 typography-monospace-small"
-					color={highlight ? "highlight" : "default"}
-				>
-					{label}
-				</Tag>
-			{/if}
-		</div>
-		<div class="col-start-2 row-start-1 flex h-10 min-w-0 items-center gap-2">
+<div
+	role="none"
+	{onpointerenter}
+	{onpointerleave}
+	class="grid min-h-10 flex-1 grid-cols-[5rem_5rem_minmax(0,1fr)_auto] gap-x-2 px-3"
+>
+	<span
+		class="col-start-1 row-start-1 flex h-10 items-center truncate typography-monospace-regular text-foreground-muted"
+	>
+		{commit.shortHash}
+	</span>
+	<span
+		class="col-start-2 row-start-1 flex h-10 items-center truncate typography-monospace-regular text-foreground-placeholder"
+	>
+		{changeId ?? ""}
+	</span>
+	<div class="col-start-3 row-start-1 flex h-10 min-w-0 items-center gap-2">
+		{#if showAvatar}
 			{#if commit.authorHandle && commit.authorDid}
 				<ProfilePopover did={commit.authorDid}>
 					<Avatar
@@ -79,18 +62,13 @@
 			{:else}
 				<Avatar handle={commit.authorName} size="large" />
 			{/if}
-			<Link {onclick} class="truncate">{commit.subject}</Link>
-			{#if commit.body}
-				<CommitBodyToggle {expanded} onclick={() => (expanded = !expanded)} />
-			{/if}
-		</div>
-
-		{#if commit.body && expanded}
-			<pre
-				class="col-start-2 row-start-2 mb-2 rounded-sm bg-background-subtle px-2 py-1 typography-monospace-regular whitespace-pre-wrap">{commit.body}</pre>
+		{/if}
+		<Link {onclick} class="truncate">{commit.subject}</Link>
+		{#if commit.body}
+			<CommitBodyToggle {expanded} onclick={() => (expanded = !expanded)} />
 		{/if}
 	</div>
-	<div class="flex h-10 items-center gap-2">
+	<div class="col-start-4 row-start-1 flex h-10 items-center gap-2">
 		{#if pipelineStatuses}
 			{#await pipelineStatuses then statuses}
 				{#if statuses[commit.hash]}
@@ -112,4 +90,8 @@
 			</div>
 		{/if}
 	</div>
+	{#if commit.body && expanded}
+		<pre
+			class="col-span-2 col-start-3 row-start-2 mb-2 rounded-sm bg-alpha-dark-5 px-2 py-1 typography-monospace-regular whitespace-pre-wrap">{commit.body}</pre>
+	{/if}
 </div>
diff --git a/web/src/routes/[handle]/[repo]/pulls/[aturi]/[version]/[[range]]/PullViewPage.svelte b/web/src/routes/[handle]/[repo]/pulls/[aturi]/[version]/[[range]]/PullViewPage.svelte
index ef6a4ac3f..fcb3c5b9a 100644
--- a/web/src/routes/[handle]/[repo]/pulls/[aturi]/[version]/[[range]]/PullViewPage.svelte
+++ b/web/src/routes/[handle]/[repo]/pulls/[aturi]/[version]/[[range]]/PullViewPage.svelte
@@ -348,7 +348,6 @@
 
 	let discussionOpen = $state(true);
 	let discussionWidth = $state(336);
-	let showChangeIds = $state(true);
 	let formHeight = $state(0);
 
 	const insertComment = async (body: string, commit?: string) => {
@@ -669,7 +668,6 @@
 					versions={pull.versions}
 					{commits}
 					{versionRange}
-					bind:showChangeIds
 					oncommitVersions={confirmVersions}
 				>
 					{#snippet actions()}
@@ -697,7 +695,6 @@
 				<ErrorAlert label={resubmit.error} />
 				<PullCommitList
 					{commits}
-					{showChangeIds}
 					selection={isInterdiff
 						? {
 								mode: "change",