diff --git a/src/MDXEditor.tsx b/src/MDXEditor.tsx
index 8927c18d..1a792607 100644
--- a/src/MDXEditor.tsx
+++ b/src/MDXEditor.tsx
@@ -198,6 +198,7 @@ const EditorRootElement: React.FC<{ children: React.ReactNode; className?: strin
   React.useEffect(() => {
     const popupContainer = document.createElement('div')
     popupContainer.classList.add(styles.editorRoot)
+    popupContainer.classList.add(styles.popupContainer)
     if (className) {
       className.split(' ').forEach((c) => {
         popupContainer.classList.add(c)
diff --git a/src/styles/ui.module.css b/src/styles/ui.module.css
index 9b37a83d..152b40a0 100644
--- a/src/styles/ui.module.css
+++ b/src/styles/ui.module.css
@@ -1124,4 +1124,7 @@ form.multiFieldForm {
   font-size: var(--text-xs);
 }
 
-
+.popupContainer {
+  position: relative;
+  z-index: 1;
+}