diff --git a/docs/src/examples/BarChart/series-horizontal-diverging-as-percent.svelte b/docs/src/examples/BarChart/series-horizontal-diverging-as-percent.svelte
index 4c29927b0..4cf34ae91 100644
--- a/docs/src/examples/BarChart/series-horizontal-diverging-as-percent.svelte
+++ b/docs/src/examples/BarChart/series-horizontal-diverging-as-percent.svelte
@@ -35,6 +35,7 @@
 	y="age"
 	orientation="horizontal"
 	padding={{ left: 32, bottom: 16 }}
+	xPadding={[50, 50]}
 	labels={{ format: (value) => format(Math.abs(value), 'percent') }}
 	props={{
 		xAxis: { format: (value) => format(Math.abs(value), 'percentRound') }
diff --git a/docs/src/examples/BarChart/series-horizontal-diverging.svelte b/docs/src/examples/BarChart/series-horizontal-diverging.svelte
index 18881fd41..8f952234b 100644
--- a/docs/src/examples/BarChart/series-horizontal-diverging.svelte
+++ b/docs/src/examples/BarChart/series-horizontal-diverging.svelte
@@ -35,6 +35,7 @@
 	y="age"
 	orientation="horizontal"
 	padding={{ left: 32, bottom: 16 }}
+	xPadding={[5, 5]}
 	labels={{ format: (value) => format(Math.abs(value), 'metric') }}
 	props={{
 		xAxis: { format: (value) => format(Math.abs(value), 'metric') }