diff --git a/invokeai/frontend/web/src/features/controlLayers/components/StageComponent.tsx b/invokeai/frontend/web/src/features/controlLayers/components/StageComponent.tsx
index a99f1366ad..c634a355c1 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/StageComponent.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/StageComponent.tsx
@@ -437,7 +437,7 @@ export const StageComponent = memo(({ asPreview = false }: Props) => {
         data-testid="control-layers-canvas"
       />
       {!asPreview && (
-        <Flex position="absolute" top={0} insetInlineStart={0}>
+        <Flex position="absolute" top={0} insetInlineStart={0} pointerEvents="none">
           <HeadsUpDisplay />
         </Flex>
       )}