diff --git a/apps/core/src/components/blocksuite/workspace-header/editor-mode-switch/switch-items.tsx b/apps/core/src/components/blocksuite/workspace-header/editor-mode-switch/switch-items.tsx
index b26c0d4cd0..8244f8973f 100644
--- a/apps/core/src/components/blocksuite/workspace-header/editor-mode-switch/switch-items.tsx
+++ b/apps/core/src/components/blocksuite/workspace-header/editor-mode-switch/switch-items.tsx
@@ -50,7 +50,7 @@ export const PageSwitchItem = (
     <HoverAnimateController {...props}>
       <InternalLottie
         options={{
-          loop: true,
+          loop: false,
           autoplay: false,
           animationData: require('./animation-data/page-hover.json'),
           rendererSettings: {
@@ -69,7 +69,7 @@ export const EdgelessSwitchItem = (
     <HoverAnimateController {...props}>
       <InternalLottie
         options={{
-          loop: true,
+          loop: false,
           autoplay: false,
           animationData: require('./animation-data/edgeless-hover.json'),
           rendererSettings: {