diff --git a/docs/src/examples/components/TransformContext/pan-zoom-html-image.svelte b/docs/src/examples/components/TransformContext/pan-zoom-html-image.svelte
index 334366e65..ed23e8ff2 100644
--- a/docs/src/examples/components/TransformContext/pan-zoom-html-image.svelte
+++ b/docs/src/examples/components/TransformContext/pan-zoom-html-image.svelte
@@ -10,6 +10,7 @@
 		motion: { type: 'tween', duration: 800, easing: cubicOut },
 		initialScrollMode: 'scale'
 	}}
+	clip
 	height={500}
 >
 	<TransformContextControls />
diff --git a/docs/src/examples/components/TransformContext/pan-zoom-svg-image.svelte b/docs/src/examples/components/TransformContext/pan-zoom-svg-image.svelte
index 737fd3625..233718ff8 100644
--- a/docs/src/examples/components/TransformContext/pan-zoom-svg-image.svelte
+++ b/docs/src/examples/components/TransformContext/pan-zoom-svg-image.svelte
@@ -10,6 +10,7 @@
 		motion: { type: 'tween', duration: 800, easing: cubicOut },
 		initialScrollMode: 'scale'
 	}}
+	clip
 	height={500}
 >
 	<TransformControls />