diff --git a/docs/examples/edges/App.vue b/docs/examples/edges/App.vue
index 6010650e..4beafb21 100644
--- a/docs/examples/edges/App.vue
+++ b/docs/examples/edges/App.vue
@@ -2,7 +2,7 @@
 import { h, ref } from 'vue'
 import { Background } from '@vue-flow/background'
 import { MarkerType, VueFlow } from '@vue-flow/core'
-import CustomEdge from './CustomEdge.vue'
+import EdgeWithButton from './EdgeWithButton.vue'
 import CustomEdge2 from './CustomEdge2.vue'
 import CustomEdgeLabel from './CustomEdgeLabel.vue'
 
@@ -66,7 +66,7 @@ const edges = ref([
 <template>
   <VueFlow :nodes="nodes" :edges="edges" fit-view-on-init>
     <template #edge-custom="props">
-      <CustomEdge v-bind="props" />
+      <EdgeWithButton v-bind="props" />
     </template>
 
     <template #edge-custom2="props">
diff --git a/docs/examples/edges/CustomEdge.vue b/docs/examples/edges/EdgeWithButton.vue
similarity index 100%
rename from docs/examples/edges/CustomEdge.vue
rename to docs/examples/edges/EdgeWithButton.vue
diff --git a/docs/examples/edges/index.ts b/docs/examples/edges/index.ts
index f9f819e7..561ffbf6 100644
--- a/docs/examples/edges/index.ts
+++ b/docs/examples/edges/index.ts
@@ -1,5 +1,5 @@
 export { default as EdgesApp } from './App.vue?raw'
-export { default as CustomEdge } from './CustomEdge.vue?raw'
+export { default as EdgeWithButton } from './EdgeWithButton.vue?raw'
 export { default as CustomEdge2 } from './CustomEdge2.vue?raw'
 export { default as CustomEdgeLabel } from './CustomEdgeLabel.vue?raw'
 export { default as EdgeCSS } from './style.css?inline'
diff --git a/docs/examples/index.ts b/docs/examples/index.ts
index 777baf5c..3498241c 100644
--- a/docs/examples/index.ts
+++ b/docs/examples/index.ts
@@ -1,7 +1,7 @@
 import { BasicApp, BasicCSS, BasicElements, BasicIcon } from './basic'
 import { ColorPresets, ColorSelectorNode, CustomNodeApp, CustomNodeCSS, OutputNode } from './custom-node'
 import { CustomConnectionLine, CustomConnectionLineApp } from './connectionline'
-import { CustomEdge, CustomEdge2, CustomEdgeLabel, EdgeCSS, EdgesApp } from './edges'
+import { CustomEdge2, CustomEdgeLabel, EdgeCSS, EdgeWithButton, EdgesApp } from './edges'
 import { NestedApp } from './nested'
 import { StressApp, StressCSS, StressUtils } from './stress'
 import { UpdateEdgeApp } from './update-edge'
@@ -41,7 +41,7 @@ export const exampleImports = {
   },
   edges: {
     'App.vue': EdgesApp,
-    'CustomEdge.vue': CustomEdge,
+    'CustomEdge.vue': EdgeWithButton,
     'CustomEdge2.vue': CustomEdge2,
     'CustomEdgeLabel.vue': CustomEdgeLabel,
     'style.css': EdgeCSS,