diff --git a/packages/storybook/stories/events-shadowdom/index.html b/packages/storybook/stories/events-shadowdom/index.html
index fe558a2dc..62c7580a1 100644
--- a/packages/storybook/stories/events-shadowdom/index.html
+++ b/packages/storybook/stories/events-shadowdom/index.html
@@ -1,8 +1,7 @@
 <style>
   html,
   body,
-  #storybook-root,
-  #sigma-container {
+  #storybook-root {
     width: 100%;
     height: 100%;
     margin: 0;
@@ -10,13 +9,9 @@
     overflow: hidden;
     font-family: sans-serif;
   }
-  #sigma-container .sigma-mouse {
-    z-index: 100;
-  }
   #sigma-logs {
     position: absolute;
     top:0;
-    max-height: 20%;
     overflow: hidden;
   }
   #sigma-logs > div {
diff --git a/packages/storybook/stories/events-shadowdom/index.ts b/packages/storybook/stories/events-shadowdom/index.ts
index 7d1782646..137decbc1 100644
--- a/packages/storybook/stories/events-shadowdom/index.ts
+++ b/packages/storybook/stories/events-shadowdom/index.ts
@@ -72,6 +72,9 @@ export default () => {
           },
         });
 
+        // Put the mouse canvas on top, so events can be catched even if the logs container is in front
+        renderer.getCanvases().mouse.style.cssText = "z-index: 100; position: absolute";
+
         const nodeEvents = [
           "enterNode",
           "leaveNode",