diff --git a/site/content/examples/12-svg/02-bar-chart/App.svelte b/site/content/examples/12-svg/02-bar-chart/App.svelte
index d44c0e67cf..7ad21545ff 100644
--- a/site/content/examples/12-svg/02-bar-chart/App.svelte
+++ b/site/content/examples/12-svg/02-bar-chart/App.svelte
@@ -38,9 +38,9 @@
 <div class="chart" bind:clientWidth={width} bind:clientHeight={height}>
 	<svg>
 		<!-- y axis -->
-		<g class="axis y-axis" transform="translate(0,{padding.top})">
+		<g class="axis y-axis">
 			{#each yTicks as tick}
-				<g class="tick tick-{tick}" transform="translate(0, {yScale(tick) - padding.bottom})">
+				<g class="tick tick-{tick}" transform="translate(0, {yScale(tick)})">
 					<line x2="100%"></line>
 					<text y="-4">{tick} {tick === 20 ? ' per 1,000 population' : ''}</text>
 				</g>
@@ -62,7 +62,7 @@
 					x="{xScale(i) + 2}"
 					y="{yScale(point.birthrate)}"
 					width="{barWidth - 4}"
-					height="{height - padding.bottom - yScale(point.birthrate)}"
+					height="{yScale(0) - yScale(point.birthrate)}"
 				></rect>
 			{/each}
 		</g>
@@ -115,4 +115,4 @@
 		stroke: none;
 		opacity: 0.65;
 	}
-</style>
\ No newline at end of file
+</style>