diff --git a/invokeai/frontend/web/src/features/controlLayers/konva/CanvasInpaintMask.ts b/invokeai/frontend/web/src/features/controlLayers/konva/CanvasInpaintMask.ts
index bcc1ebc14d..fe6e43f193 100644
--- a/invokeai/frontend/web/src/features/controlLayers/konva/CanvasInpaintMask.ts
+++ b/invokeai/frontend/web/src/features/controlLayers/konva/CanvasInpaintMask.ts
@@ -43,8 +43,8 @@ export class CanvasInpaintMask {
       }),
     };
 
-    this.transformer = new CanvasTransformer(this);
     this.renderer = new CanvasObjectRenderer(this);
+    this.transformer = new CanvasTransformer(this);
 
     this.state = state;
     this.maskOpacity = this.manager.stateApi.getMaskOpacity();
diff --git a/invokeai/frontend/web/src/features/controlLayers/konva/CanvasLayer.ts b/invokeai/frontend/web/src/features/controlLayers/konva/CanvasLayer.ts
index 11caef1bb0..6e4da97d0d 100644
--- a/invokeai/frontend/web/src/features/controlLayers/konva/CanvasLayer.ts
+++ b/invokeai/frontend/web/src/features/controlLayers/konva/CanvasLayer.ts
@@ -45,8 +45,8 @@ export class CanvasLayer {
       }),
     };
 
-    this.transformer = new CanvasTransformer(this);
     this.renderer = new CanvasObjectRenderer(this);
+    this.transformer = new CanvasTransformer(this);
 
     this.state = state;
   }