diff --git a/web/src/lib/components/repo/DiffStatPill.stories.svelte b/web/src/lib/components/repo/DiffStatPill.stories.svelte
index 47e6db2c7..81376aab4 100644
--- a/web/src/lib/components/repo/DiffStatPill.stories.svelte
+++ b/web/src/lib/components/repo/DiffStatPill.stories.svelte
@@ -10,6 +10,16 @@
 		await expect(canvas.getByText("-4")).toBeVisible();
 	};
 
+	const showsInsertionsOnly = async ({ canvas, canvasElement }: PlayContext) => {
+		await expect(canvas.getByText("+12")).toBeVisible();
+		await expect(canvasElement.textContent).not.toContain("-0");
+	};
+
+	const showsDeletionsOnly = async ({ canvas, canvasElement }: PlayContext) => {
+		await expect(canvas.getByText("-4")).toBeVisible();
+		await expect(canvasElement.textContent).not.toContain("+0");
+	};
+
 	const rendersNothing = async ({ canvasElement }: PlayContext) => {
 		await expect(canvasElement.textContent?.trim()).toBe("");
 	};
@@ -26,9 +36,17 @@
 
 <Story name="Insertions and deletions" play={showsBoth} />
 
-<Story name="Insertions only" args={{ stat: { insertions: 12, deletions: 0, files_changed: 1 } }} />
+<Story
+	name="Insertions only"
+	args={{ stat: { insertions: 12, deletions: 0, files_changed: 1 } }}
+	play={showsInsertionsOnly}
+/>
 
-<Story name="Deletions only" args={{ stat: { insertions: 0, deletions: 4, files_changed: 1 } }} />
+<Story
+	name="Deletions only"
+	args={{ stat: { insertions: 0, deletions: 4, files_changed: 1 } }}
+	play={showsDeletionsOnly}
+/>
 
 <Story
 	name="Empty"
diff --git a/web/src/lib/components/repo/DiffStatPill.svelte b/web/src/lib/components/repo/DiffStatPill.svelte
index 4902db2b5..60b808d45 100644
--- a/web/src/lib/components/repo/DiffStatPill.svelte
+++ b/web/src/lib/components/repo/DiffStatPill.svelte
@@ -49,11 +49,15 @@
 
 {#if stat.insertions > 0 || stat.deletions > 0}
 	<div class={style.root({ class: className })}>
-		<span class={style.insertions()}>
-			+{stat.insertions}
-		</span>
-		<span class={style.deletions()}>
-			-{stat.deletions}
-		</span>
+		{#if stat.insertions > 0}
+			<span class={style.insertions()}>
+				+{stat.insertions}
+			</span>
+		{/if}
+		{#if stat.deletions > 0}
+			<span class={style.deletions()}>
+				-{stat.deletions}
+			</span>
+		{/if}
 	</div>
 {/if}