diff --git a/src/runtime/animate/index.ts b/src/runtime/animate/index.ts
index 071b6b199d..087c0f7141 100644
--- a/src/runtime/animate/index.ts
+++ b/src/runtime/animate/index.ts
@@ -19,9 +19,11 @@ interface FlipParams {
 export function flip(node: Element, animation: { from: DOMRect; to: DOMRect }, params: FlipParams): AnimationConfig {
 	const style = getComputedStyle(node);
 	const transform = style.transform === 'none' ? '' : style.transform;
+	const scaleX = animation.from.width / node.clientWidth;
+	const scaleY = animation.from.height / node.clientHeight;
 
-	const dx = animation.from.left - animation.to.left;
-	const dy = animation.from.top - animation.to.top;
+	const dx = (animation.from.left - animation.to.left) / scaleX;
+	const dy = (animation.from.top - animation.to.top) / scaleY;
 
 	const d = Math.sqrt(dx * dx + dy * dy);