diff --git a/invokeai/frontend/web/src/features/controlLayers/konva/CanvasMaskAdapter.ts b/invokeai/frontend/web/src/features/controlLayers/konva/CanvasMaskAdapter.ts
index da70ab1fa6..b472b9717b 100644
--- a/invokeai/frontend/web/src/features/controlLayers/konva/CanvasMaskAdapter.ts
+++ b/invokeai/frontend/web/src/features/controlLayers/konva/CanvasMaskAdapter.ts
@@ -98,6 +98,10 @@ export class CanvasMaskAdapter {
       this.updateVisibility({ isEnabled });
     }
 
+    if (this.isFirstRender || state.fill !== this.state.fill) {
+      this.renderer.updateCompositingRect(state.fill);
+    }
+
     // this.transformer.syncInteractionState();
 
     if (this.isFirstRender) {