diff --git a/frontend/src/features/canvas/IAICanvasMaskCompositer.tsx b/frontend/src/features/canvas/IAICanvasMaskCompositer.tsx
index 9a09ef7572..58b58662b9 100644
--- a/frontend/src/features/canvas/IAICanvasMaskCompositer.tsx
+++ b/frontend/src/features/canvas/IAICanvasMaskCompositer.tsx
@@ -150,7 +150,7 @@ const IAICanvasMaskCompositer = (props: IAICanvasMaskCompositerProps) => {
 
   useEffect(() => {
     const timer = setInterval(
-      () => setOffset((i) => (i + 2) % Number(fillPatternImage?.width)),
+      () => setOffset((i) => (i + 2) % (fillPatternImage?.width || 0)),
       100
     );
     return () => clearInterval(timer);