diff --git a/packages/design-system/src/components/N8nNodeIcon/NodeIcon.stories.ts b/packages/design-system/src/components/N8nNodeIcon/NodeIcon.stories.ts
index 75a7d18496..2d5f085e95 100644
--- a/packages/design-system/src/components/N8nNodeIcon/NodeIcon.stories.ts
+++ b/packages/design-system/src/components/N8nNodeIcon/NodeIcon.stories.ts
@@ -38,3 +38,11 @@ Hoverable.args = {
 	nodeTypeName: 'We ❤️ n8n',
 	showTooltip: true,
 };
+
+export const Unknown = DefaultTemplate.bind({});
+Unknown.args = {
+	type: 'unknown',
+	nodeTypeName: '',
+	size: 40,
+	color: 'red',
+};
diff --git a/packages/design-system/src/components/N8nNodeIcon/NodeIcon.vue b/packages/design-system/src/components/N8nNodeIcon/NodeIcon.vue
index 399b46a4e7..b0fa4ef80b 100644
--- a/packages/design-system/src/components/N8nNodeIcon/NodeIcon.vue
+++ b/packages/design-system/src/components/N8nNodeIcon/NodeIcon.vue
@@ -17,7 +17,6 @@
 				</div>
 				<div v-else :class="$style.nodeIconPlaceholder">
 					{{ nodeTypeName ? nodeTypeName.charAt(0) : '?' }}
-					?
 				</div>
 			</n8n-tooltip>
 			<template v-else>
@@ -30,7 +29,6 @@
 				</div>
 				<div v-else :class="$style.nodeIconPlaceholder">
 					{{ nodeTypeName ? nodeTypeName.charAt(0) : '?' }}
-					?
 				</div>
 			</template>
 		</div>