diff --git a/docs/components/examples/multi/Flow.vue b/docs/components/examples/multi/Flow.vue
index 82ec927a..1f9e9d80 100644
--- a/docs/components/examples/multi/Flow.vue
+++ b/docs/components/examples/multi/Flow.vue
@@ -1,5 +1,6 @@
 <script setup>
-import { Background, VueFlow, isNode } from '@vue-flow/core'
+import { VueFlow, isNode } from '@vue-flow/core'
+import { Background } from '@vue-flow/additional-components'
 import { ref } from 'vue'
 
 const elements = ref([
diff --git a/packages/pathfinding-edge/example/App.vue b/packages/pathfinding-edge/example/App.vue
index 0f3ca4a3..4fe8f895 100644
--- a/packages/pathfinding-edge/example/App.vue
+++ b/packages/pathfinding-edge/example/App.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import type { Connection, Edge, Elements } from '@vue-flow/core'
-import { Background, VueFlow, addEdge } from '@vue-flow/core'
+import { VueFlow, addEdge } from '@vue-flow/core'
+import { Background } from '@vue-flow/additional-components'
 import { ref } from 'vue'
 import initialElements from './elements'
 import { PathFindingEdge, PerfectArrow } from '~/index'
diff --git a/packages/resize-rotate-node/example/App.vue b/packages/resize-rotate-node/example/App.vue
index 9d85416d..1fd6cf82 100644
--- a/packages/resize-rotate-node/example/App.vue
+++ b/packages/resize-rotate-node/example/App.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import type { Elements, FlowEvents } from '@vue-flow/core'
-import { Background, Controls, MiniMap, VueFlow, addEdge } from '@vue-flow/core'
+import { VueFlow, addEdge } from '@vue-flow/core'
+import { Background, Controls, MiniMap } from '@vue-flow/additional-components'
 import { ref } from 'vue'
 import { ResizeRotateNode } from '../src'
 import initialElements from './elements'