diff --git a/src/components/MultiGestureCanvas/utils.ts b/src/components/MultiGestureCanvas/utils.ts
index e5688489c048..10d58b44d04f 100644
--- a/src/components/MultiGestureCanvas/utils.ts
+++ b/src/components/MultiGestureCanvas/utils.ts
@@ -2,16 +2,6 @@ import type {CanvasSize, ContentSize} from './types';
 
 type GetCanvasFitScale = (props: {canvasSize: CanvasSize; contentSize: ContentSize}) => {scaleX: number; scaleY: number; minScale: number; maxScale: number};
 
-const getCanvasFitScale: GetCanvasFitScale = ({canvasSize, contentSize}) => {
-    const scaleX = canvasSize.width / contentSize.width;
-    const scaleY = canvasSize.height / contentSize.height;
-
-    const minScale = Math.min(scaleX, scaleY);
-    const maxScale = Math.max(scaleX, scaleY);
-
-    return {scaleX, scaleY, minScale, maxScale};
-};
-
 /** Clamps a value between a lower and upper bound */
 function clamp(value: number, lowerBound: number, upperBound: number) {
     'worklet';
@@ -19,4 +9,13 @@ function clamp(value: number, lowerBound: number, upperBound: number) {
     return Math.min(Math.max(lowerBound, value), upperBound);
 }
 
+const getCanvasFitScale: GetCanvasFitScale = ({canvasSize, contentSize}) => {
+    const scaleX = clamp(canvasSize.width / contentSize.width, 0, 1);
+    const scaleY = clamp(canvasSize.height / contentSize.height, 0, 1);
+    const minScale = Math.min(scaleX, scaleY);
+    const maxScale = Math.max(scaleX, scaleY);
+
+    return {scaleX, scaleY, minScale, maxScale};
+};
+
 export {getCanvasFitScale, clamp};