diff --git a/packages/editor/src/components/Editor.tsx b/packages/editor/src/components/Editor.tsx
index 139ed1e1..011ca05f 100644
--- a/packages/editor/src/components/Editor.tsx
+++ b/packages/editor/src/components/Editor.tsx
@@ -133,7 +133,7 @@ export const Editor: React.FC<Props> = observer(
                 borderRightWidth="1px"
                 borderColor="gray.200"
                 position="relative"
-                zIndex="2"
+                zIndex="sideMenuIndex"
                 height="full"
               >
                 <Tabs
@@ -193,7 +193,7 @@ export const Editor: React.FC<Props> = observer(
                   borderLeftWidth="1px"
                   borderColor="gray.400"
                   position="relative"
-                  zIndex="0"
+                  zIndex="sideMenuIndex"
                 >
                   <Tabs
                     align="center"
diff --git a/packages/editor/src/init.tsx b/packages/editor/src/init.tsx
index d9609613..35f2998b 100644
--- a/packages/editor/src/init.tsx
+++ b/packages/editor/src/init.tsx
@@ -34,6 +34,7 @@ const zIndices = {
     ...theme.zIndices,
     // smaller than the default value of zIndex for chakra modal (1400)
     editorMask: 1399,
+    sideMenuIndex: 2,
   },
 };