diff --git a/frontend/src/lib/components/canvas/Canvas.svelte b/frontend/src/lib/components/canvas/Canvas.svelte
index 7c38977..fede250 100644
--- a/frontend/src/lib/components/canvas/Canvas.svelte
+++ b/frontend/src/lib/components/canvas/Canvas.svelte
@@ -450,15 +450,15 @@
 	<div class="canvas-toolbar">
 		<button
 			class="canvas-toolbar-btn"
-			onclick={() => zoomAt(viewport.width / 2, viewport.height / 2, 1.2)}
-			title="Zoom inn"
+			onclick={() => { camera = { ...camera, zoom: clampZoom(camera.zoom + 0.01) }; }}
+			title="Zoom inn (+1%)"
 			aria-label="Zoom inn"
 		>+</button>
 		<span class="canvas-toolbar-zoom">{Math.round(camera.zoom * 100)}%</span>
 		<button
 			class="canvas-toolbar-btn"
-			onclick={() => zoomAt(viewport.width / 2, viewport.height / 2, 0.8)}
-			title="Zoom ut"
+			onclick={() => { camera = { ...camera, zoom: clampZoom(camera.zoom - 0.01) }; }}
+			title="Zoom ut (−1%)"
 			aria-label="Zoom ut"
 		>−</button>
 		<button