diff --git a/apps/client/src/widgets/dialogs/popup_editor.ts b/apps/client/src/widgets/dialogs/popup_editor.ts
index 402d1d5a2..2c3701b1f 100644
--- a/apps/client/src/widgets/dialogs/popup_editor.ts
+++ b/apps/client/src/widgets/dialogs/popup_editor.ts
@@ -114,7 +114,13 @@ export default class PopupEditorDialog extends Container<BasicWidget> {
     async openPopupEditorEvent(noteId: string) {
         this.noteId = noteId;
         if (await this.refresh()) {
-            openDialog(this.$widget);
+            const $dialog = await openDialog(this.$widget);
+            $dialog.on("shown.bs.modal", () => {
+                // Reduce the z-index of modals so that ckeditor popups are properly shown on top of it.
+                // The backdrop instance is not shared so it's OK to make a one-off modification.
+                $("body > .modal-backdrop").css("z-index", "998");
+                $dialog.css("z-index", "999");
+            });
         }
     }