diff --git a/packages/app/src/components/edgeless-toolbar/index.tsx b/packages/app/src/components/edgeless-toolbar/index.tsx
index 39afd059b6..c44f6396ca 100644
--- a/packages/app/src/components/edgeless-toolbar/index.tsx
+++ b/packages/app/src/components/edgeless-toolbar/index.tsx
@@ -129,7 +129,7 @@ export const EdgelessToolbar = () => {
       mountOnEnter
       unmountOnExit
     >
-      <StyledEdgelessToolbar>
+      <StyledEdgelessToolbar aria-label="edgeless-toolbar">
         <StyledToolbarWrapper>
           {toolbarList1.map(
             ({ icon, toolTip, flavor, disable, callback }, index) => {
diff --git a/packages/app/src/components/edgeless-toolbar/style.ts b/packages/app/src/components/edgeless-toolbar/style.ts
index 9f5150acd7..ff925808e7 100644
--- a/packages/app/src/components/edgeless-toolbar/style.ts
+++ b/packages/app/src/components/edgeless-toolbar/style.ts
@@ -7,7 +7,7 @@ export const StyledEdgelessToolbar = styled.div(({ theme }) => ({
   top: 0,
   bottom: 0,
   margin: 'auto',
-  zIndex: theme.zIndex.modal,
+  zIndex: theme.zIndex.modal - 1,
 }));
 
 export const StyledToolbarWrapper = styled.div(({ theme }) => ({