diff --git a/packages/editor-ui/src/components/NodeTitle.vue b/packages/editor-ui/src/components/NodeTitle.vue
index 5d352c83f1..b9e681a785 100644
--- a/packages/editor-ui/src/components/NodeTitle.vue
+++ b/packages/editor-ui/src/components/NodeTitle.vue
@@ -17,7 +17,11 @@
 				</div>
 			</div>
 			<span :class="$style.title" slot="reference">
-				<WorkflowNameShort :name="value" :limit="40" />
+				<WorkflowNameShort :name="value" :limit="40">
+					<template v-slot="{ shortenedName }">
+						{{ shortenedName }}
+					</template>
+				</WorkflowNameShort>
 				<font-awesome-icon :class="$style.editIcon" icon="pencil-alt" />
 			</span>
 		</el-popover>
diff --git a/packages/editor-ui/src/components/WorkflowNameShort.vue b/packages/editor-ui/src/components/WorkflowNameShort.vue
index c03f1b653c..eb9b73c063 100644
--- a/packages/editor-ui/src/components/WorkflowNameShort.vue
+++ b/packages/editor-ui/src/components/WorkflowNameShort.vue
@@ -1,7 +1,6 @@
 <template>
 	<span :title="name">
-		<slot v-if="hasDefaultSlot" :shortenedName="shortenedName"></slot>
-		{{ shortenedName }}
+		<slot :shortenedName="shortenedName"></slot>
 	</span>
 </template>
 
@@ -15,9 +14,6 @@ export default Vue.extend({
 	name: "WorkflowNameShort",
 	props: ["name", "limit"],
 	computed: {
-		hasDefaultSlot(): boolean {
-			return !!this.$slots.default;
-		},
 		shortenedName(): string {
 			const name = this.$props.name;