diff --git a/src/components/maskeditor/MaskEditorContent.vue b/src/components/maskeditor/MaskEditorContent.vue
index 89fdf262e2..5d641bae1c 100644
--- a/src/components/maskeditor/MaskEditorContent.vue
+++ b/src/components/maskeditor/MaskEditorContent.vue
@@ -35,9 +35,11 @@
           'z-40': store.activeLayer === 'mask'
         }"
       />
-      <div ref="canvasBackgroundRef" class="size-full bg-white" />
+      <div ref="canvasBackgroundRef" class="size-full" />
     </div>
 
+    <LoadingOverlay :loading="!initialized" size="sm" />
+
     <div class="maskEditor-ui-container flex min-h-0 flex-1 flex-col">
       <div class="flex min-h-0 flex-1 overflow-hidden">
         <ToolPanel
@@ -77,6 +79,8 @@ import { useDialogStore } from '@/stores/dialogStore'
 import { useMaskEditorDataStore } from '@/stores/maskEditorDataStore'
 import { useMaskEditorStore } from '@/stores/maskEditorStore'
 
+import LoadingOverlay from '@/components/common/LoadingOverlay.vue'
+
 import BrushCursor from './BrushCursor.vue'
 import PointerZone from './PointerZone.vue'
 import SidePanel from './SidePanel.vue'