diff --git a/packages/frontend/@n8n/design-system/src/components/N8nInlineTextEdit/InlineTextEdit.vue b/packages/frontend/@n8n/design-system/src/components/N8nInlineTextEdit/InlineTextEdit.vue
index 343d0fff16..2fd2fecd71 100644
--- a/packages/frontend/@n8n/design-system/src/components/N8nInlineTextEdit/InlineTextEdit.vue
+++ b/packages/frontend/@n8n/design-system/src/components/N8nInlineTextEdit/InlineTextEdit.vue
@@ -104,7 +104,11 @@ const computedInlineStyles = computed(() => {
 		@update:model-value="onInput"
 		@update:state="onStateChange"
 	>
-		<EditableArea :style="computedInlineStyles" :class="$style.inlineRenameArea">
+		<EditableArea
+			:style="computedInlineStyles"
+			:class="$style.inlineRenameArea"
+			data-test-id="inline-editable-area"
+		>
 			<span ref="measureSpan" :class="$style.measureSpan">
 				{{ temp }}
 			</span>
diff --git a/packages/frontend/@n8n/design-system/src/components/N8nInlineTextEdit/__snapshots__/InlineTextEdit.test.ts.snap b/packages/frontend/@n8n/design-system/src/components/N8nInlineTextEdit/__snapshots__/InlineTextEdit.test.ts.snap
index 29d75692d7..3c808a2f99 100644
--- a/packages/frontend/@n8n/design-system/src/components/N8nInlineTextEdit/__snapshots__/InlineTextEdit.test.ts.snap
+++ b/packages/frontend/@n8n/design-system/src/components/N8nInlineTextEdit/__snapshots__/InlineTextEdit.test.ts.snap
@@ -2,7 +2,7 @@
 
 exports[`N8nInlineTextEdit > should render correctly 1`] = `
 "<div class="inlineRenameRoot" title="Test Value" dir="ltr" data-dismissable-layer="">
-  <div data-placeholder-shown="" style="display: inline-grid; width: 64px; max-width: 200px; z-index: 1;" class="inlineRenameArea"><span class="measureSpan">Test Value</span><span tabindex="0" data-placeholder-shown="" style="white-space: pre; user-select: none; grid-area: 1 / 1 / auto / auto; overflow: hidden; text-overflow: ellipsis; width: 64px; max-width: 200px; z-index: 1;" data-test-id="inline-edit-preview" class="inlineRenamePreview">Test Value</span><input placeholder="Enter text..." maxlength="100" aria-label="editable input" style="all: unset; grid-area: 1 / 1 / auto / auto; visibility: hidden; width: 64px; max-width: 200px; z-index: 1;" class="inlineRenameInput" data-test-id="inline-edit-input" value="Test Value"></div>
+  <div data-placeholder-shown="" style="display: inline-grid; width: 64px; max-width: 200px; z-index: 1;" class="inlineRenameArea" data-test-id="inline-editable-area"><span class="measureSpan">Test Value</span><span tabindex="0" data-placeholder-shown="" style="white-space: pre; user-select: none; grid-area: 1 / 1 / auto / auto; overflow: hidden; text-overflow: ellipsis; width: 64px; max-width: 200px; z-index: 1;" data-test-id="inline-edit-preview" class="inlineRenamePreview">Test Value</span><input placeholder="Enter text..." maxlength="100" aria-label="editable input" style="all: unset; grid-area: 1 / 1 / auto / auto; visibility: hidden; width: 64px; max-width: 200px; z-index: 1;" class="inlineRenameInput" data-test-id="inline-edit-input" value="Test Value"></div>
   <!---->
 </div>"
 `;
diff --git a/packages/frontend/editor-ui/src/components/NodeTitle.test.ts b/packages/frontend/editor-ui/src/components/NodeTitle.test.ts
index 23b13d1b9f..d0ff4af53d 100644
--- a/packages/frontend/editor-ui/src/components/NodeTitle.test.ts
+++ b/packages/frontend/editor-ui/src/components/NodeTitle.test.ts
@@ -70,9 +70,10 @@ describe('NodeTitle', () => {
 			},
 		});
 		const renameInput = getByTestId('inline-edit-input');
-		await userEvent.type(renameInput, 'New Node Name');
+		const area = getByTestId('inline-editable-area');
+
+		await userEvent.type(area, 'New Node Name');
 		await userEvent.keyboard('{Escape}');
-		await userEvent.click(renameInput);
 		expect(renameInput).toHaveValue('Test Node');
 		expect(emitted('update:model-value')).toBeUndefined();
 	});