diff --git a/frontend/src/component/demo/DemoSteps/DemoStepTooltip/DemoStepTooltip.tsx b/frontend/src/component/demo/DemoSteps/DemoStepTooltip/DemoStepTooltip.tsx
index 950b40f6ff..733433494a 100644
--- a/frontend/src/component/demo/DemoSteps/DemoStepTooltip/DemoStepTooltip.tsx
+++ b/frontend/src/component/demo/DemoSteps/DemoStepTooltip/DemoStepTooltip.tsx
@@ -105,7 +105,12 @@ export const DemoStepTooltip = ({
 
     if (step.target === 'body') {
         return (
-            <div {...tooltipProps}>
+            <div
+                onClick={(e) => {
+                    e.stopPropagation();
+                }}
+                {...tooltipProps}
+            >
                 <StyledDialog
                     open
                     onClose={(_, r) => {
@@ -160,7 +165,12 @@ export const DemoStepTooltip = ({
     }
 
     return (
-        <StyledTooltip {...tooltipProps}>
+        <StyledTooltip
+            onClick={(e) => {
+                e.stopPropagation();
+            }}
+            {...tooltipProps}
+        >
             <StyledCloseButton aria-label='close' onClick={onClose}>
                 <CloseIcon />
             </StyledCloseButton>