diff --git a/packages/editor-ui/src/components/NodeTitle.vue b/packages/editor-ui/src/components/NodeTitle.vue
index 88f0960b0f..1c880f694f 100644
--- a/packages/editor-ui/src/components/NodeTitle.vue
+++ b/packages/editor-ui/src/components/NodeTitle.vue
@@ -16,7 +16,7 @@
 					<n8n-button type="primary" size="small" @click="onRename" :label="$locale.baseText('ndv.title.rename')" />
 				</div>
 			</div>
-			<div slot="reference" :class="$style.title">
+			<div slot="reference" :class="{[$style.title]: true, [$style.hoverable]: !readOnly}">
 				{{ value }}
 				<font-awesome-icon :class="$style.editIcon" icon="pencil-alt" v-if="!readOnly" />
 			</div>
@@ -84,7 +84,9 @@ export default Vue.extend({
 	> *:first-child {
 		padding-right: var(--spacing-3xs);
 	}
+}
 
+.hoverable {
 	&:hover {
 		cursor: pointer;
 		.editIcon {