diff --git a/packages/app/src/components/workspace-slider-bar/style.ts b/packages/app/src/components/workspace-slider-bar/style.ts
index 2cb6b4e53f..cf344b60fe 100644
--- a/packages/app/src/components/workspace-slider-bar/style.ts
+++ b/packages/app/src/components/workspace-slider-bar/style.ts
@@ -100,6 +100,9 @@ export const StyledNewPageButton = styled(StyledListItem)(() => {
     left: '0',
     right: '0',
     margin: 'auto',
+    ':hover': {
+      cursor: 'pointer',
+    },
   };
 });
 
diff --git a/tests/change-page-mode.spec.ts b/tests/change-page-mode.spec.ts
index 42393d10fe..7d08f7caa3 100644
--- a/tests/change-page-mode.spec.ts
+++ b/tests/change-page-mode.spec.ts
@@ -11,10 +11,12 @@ test.describe('Change page mode(Paper or Edgeless)', () => {
 
     // mouse hover trigger animation for showing full switcher
     await page.mouse.move((box?.x ?? 0) + 5, (box?.y ?? 0) + 5);
-
-    const edgelessButton = page.locator(
-      '[data-testid=editor-mode-switcher] [title=Edgeless]'
-    );
+    await page.waitForTimeout(500);
+    const edgelessButton = page
+      .getByTestId('editor-mode-switcher')
+      .locator('div')
+      .filter({ hasText: 'Edgeless' })
+      .first(); // page.getByText('Edgeless').click()
     await edgelessButton.click();
 
     // // mouse move to edgeless button