diff --git a/frontend/src/lib/components/canvas/Canvas.svelte b/frontend/src/lib/components/canvas/Canvas.svelte
index ba6bb05..d18ac0b 100644
--- a/frontend/src/lib/components/canvas/Canvas.svelte
+++ b/frontend/src/lib/components/canvas/Canvas.svelte
@@ -477,7 +477,7 @@
 			title="Zoom ut (−15%)"
 			aria-label="Zoom ut"
 		>−</button>
-		<span class="canvas-toolbar-zoom">{Math.round(camera.zoom * 100)}%</span>
+		<button class="canvas-toolbar-zoom" onclick={() => { camera = { ...camera, zoom: 1.0 }; }} title="Tilbakestill til 100%">{Math.round(camera.zoom * 100)}%</button>
 		<button
 			class="canvas-toolbar-btn"
 			onclick={() => zoomStep(0.15)}
@@ -664,6 +664,15 @@
 		min-width: 40px;
 		text-align: center;
 		font-variant-numeric: tabular-nums;
+		border: none;
+		background: transparent;
+		cursor: pointer;
+		border-radius: 4px;
+		padding: 2px 4px;
+	}
+	.canvas-toolbar-zoom:hover {
+		color: var(--color-text, #e8e8ec);
+		background: var(--color-surface-hover, #242428);
 	}
 
 	.canvas-toolbar-sep {