diff --git a/docs/components/examples/transition/TransitionEdge.vue b/docs/components/examples/transition/TransitionEdge.vue
index ae59c3c3..83986400 100644
--- a/docs/components/examples/transition/TransitionEdge.vue
+++ b/docs/components/examples/transition/TransitionEdge.vue
@@ -88,7 +88,7 @@ onNodeDoubleClick(({ node }) => {
     let stopHandle
 
     const output = useTransition(initialPos, {
-      duration: 4000,
+      duration: Math.floor(totalLength / 2 / 100) * 1000,
       transition: TransitionPresets.easeOutCubic,
       onFinished: () => {
         stopHandle?.()