From b7d394542f5cdac0c7e05f286ae30390695cacb5 Mon Sep 17 00:00:00 2001
From: luka <luka.cat.mimi@gmail.com>
Date: Fri, 6 Jun 2025 21:08:50 +0800
Subject: [PATCH] fix(editor): Fix the issue with icon Emojis not being
 centered (#16067)

Co-authored-by: luka <zhoupf@seirobotics.net>
---
 .../design-system/src/components/N8nIconPicker/IconPicker.vue | 4 +++-
 packages/frontend/editor-ui/src/views/ProjectSettings.vue     | 1 -
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/@n8n/design-system/src/components/N8nIconPicker/IconPicker.vue b/packages/frontend/@n8n/design-system/src/components/N8nIconPicker/IconPicker.vue
index 7bfc01a9e9..cea6f197c3 100644
--- a/packages/frontend/@n8n/design-system/src/components/N8nIconPicker/IconPicker.vue
+++ b/packages/frontend/@n8n/design-system/src/components/N8nIconPicker/IconPicker.vue
@@ -162,7 +162,9 @@ const togglePopup = () => {
 .container {
 	position: relative;
 }
-
+.emoji-button {
+	padding: 0;
+}
 .popup {
 	position: absolute;
 	z-index: 1;
diff --git a/packages/frontend/editor-ui/src/views/ProjectSettings.vue b/packages/frontend/editor-ui/src/views/ProjectSettings.vue
index 73577c7555..3fa1b9cd84 100644
--- a/packages/frontend/editor-ui/src/views/ProjectSettings.vue
+++ b/packages/frontend/editor-ui/src/views/ProjectSettings.vue
@@ -495,7 +495,6 @@ onMounted(() => {
 .project-name {
 	display: flex;
 	gap: var(--spacing-2xs);
-	align-items: center;
 
 	.project-name-input {
 		flex: 1;