diff --git a/app/editor/components/Styles.ts b/app/editor/components/Styles.ts
index 0a125c087..784e224b8 100644
--- a/app/editor/components/Styles.ts
+++ b/app/editor/components/Styles.ts
@@ -1,6 +1,7 @@
 /* eslint-disable no-irregular-whitespace */
 import { darken, lighten, transparentize } from "polished";
 import styled from "styled-components";
+import { depths } from "@shared/styles";
 
 const EditorStyles = styled.div<{
   rtl: boolean;
@@ -359,6 +360,7 @@ const EditorStyles = styled.div<{
 
   .heading-actions {
     opacity: 0;
+    z-index: ${depths.editorHeadingActions};
     background: ${(props) => props.theme.background};
     margin-${(props) => (props.rtl ? "right" : "left")}: -26px;
     flex-direction: ${(props) => (props.rtl ? "row-reverse" : "row")};
diff --git a/shared/styles/depths.ts b/shared/styles/depths.ts
index d87360013..57393224b 100644
--- a/shared/styles/depths.ts
+++ b/shared/styles/depths.ts
@@ -1,6 +1,7 @@
 const depths = {
   header: 800,
   sidebar: 900,
+  editorHeadingActions: 920,
   editorToolbar: 925,
   hoverPreview: 950,
   // Note: editor lightbox is z-index 999