From 598aa8e1315e96b02ff6d181bcc16c2fd58b725a Mon Sep 17 00:00:00 2001
From: Csaba Tuncsik <csaba@n8n.io>
Date: Tue, 29 Apr 2025 16:55:30 +0200
Subject: [PATCH] test(editor): Fix first project add button in closed sidebar
 (#14991)

---
 .../components/Projects/ProjectNavigation.test.ts   | 13 +++++++++++++
 .../src/components/Projects/ProjectNavigation.vue   |  3 ++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/editor-ui/src/components/Projects/ProjectNavigation.test.ts b/packages/frontend/editor-ui/src/components/Projects/ProjectNavigation.test.ts
index 3e2ac8f36c..6b50fc1252 100644
--- a/packages/frontend/editor-ui/src/components/Projects/ProjectNavigation.test.ts
+++ b/packages/frontend/editor-ui/src/components/Projects/ProjectNavigation.test.ts
@@ -213,4 +213,17 @@ describe('ProjectsNavigation', () => {
 		expect(addFirstProjectButton).toBeVisible();
 		expect(addFirstProjectButton).toBeDisabled();
 	});
+
+	it('should show add first project button without text when the menu is collapsed', async () => {
+		projectsStore.teamProjectsLimit = -1;
+
+		const { getByTestId } = renderComponent({
+			props: {
+				collapsed: true,
+			},
+		});
+
+		expect(getByTestId('add-first-project-button')).toBeVisible();
+		expect(getByTestId('add-first-project-button').classList.contains('collapsed')).toBe(true);
+	});
 });
diff --git a/packages/frontend/editor-ui/src/components/Projects/ProjectNavigation.vue b/packages/frontend/editor-ui/src/components/Projects/ProjectNavigation.vue
index 095e1d1da9..d956586383 100644
--- a/packages/frontend/editor-ui/src/components/Projects/ProjectNavigation.vue
+++ b/packages/frontend/editor-ui/src/components/Projects/ProjectNavigation.vue
@@ -143,7 +143,7 @@ const showAddFirstProject = computed(
 				data-test-id="add-first-project-button"
 				@click="globalEntityCreation.createProject"
 			>
-				{{ locale.baseText('projects.menu.addFirstProject') }}
+				<span>{{ locale.baseText('projects.menu.addFirstProject') }}</span>
 			</N8nButton>
 		</N8nTooltip>
 		<hr v-if="projectsStore.isTeamProjectFeatureEnabled" class="mb-m" />
@@ -212,6 +212,7 @@ const showAddFirstProject = computed(
 	&.collapsed {
 		> span:last-child {
 			display: none;
+			margin: 0 var(--spacing-s) var(--spacing-m);
 		}
 	}
 }