diff --git a/.changeset/famous-llamas-learn.md b/.changeset/famous-llamas-learn.md
new file mode 100644
index 00000000..3ea9d9f1
--- /dev/null
+++ b/.changeset/famous-llamas-learn.md
@@ -0,0 +1,5 @@
+---
+'@reactflow/core': patch
+---
+
+Refactor: put React Flow in isolated stacking context
diff --git a/packages/core/src/container/ReactFlow/index.tsx b/packages/core/src/container/ReactFlow/index.tsx
index 6cb99d33..c2748fa5 100644
--- a/packages/core/src/container/ReactFlow/index.tsx
+++ b/packages/core/src/container/ReactFlow/index.tsx
@@ -51,8 +51,9 @@ const initDefaultViewport: Viewport = { x: 0, y: 0, zoom: 1 };
 const wrapperStyle: CSSProperties = {
   width: '100%',
   height: '100%',
-  position: 'relative',
   overflow: 'hidden',
+  position: 'relative',
+  zIndex: 0,
 };
 
 const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(