diff --git a/packages/editor-ui/src/components/MainHeader/MainHeader.vue b/packages/editor-ui/src/components/MainHeader/MainHeader.vue
index f402412de2..b586e9722c 100644
--- a/packages/editor-ui/src/components/MainHeader/MainHeader.vue
+++ b/packages/editor-ui/src/components/MainHeader/MainHeader.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, watch, onBeforeMount, onMounted } from 'vue';
+import { ref, computed, watch, onBeforeMount, onBeforeUnmount, onMounted } from 'vue';
 import type { RouteLocation, RouteLocationRaw } from 'vue-router';
 import { useRouter, useRoute } from 'vue-router';
 import WorkflowDetails from '@/components/MainHeader/WorkflowDetails.vue';
@@ -57,6 +57,10 @@ onBeforeMount(() => {
 	pushConnection.initialize();
 });
 
+onBeforeUnmount(() => {
+	pushConnection.terminate();
+});
+
 onMounted(async () => {
 	dirtyState.value = uiStore.stateIsDirty;
 	syncTabsWithRoute(route);