diff --git a/packages/frontend/@n8n/design-system/src/v2/components/Select/Select.vue b/packages/frontend/@n8n/design-system/src/v2/components/Select/Select.vue index 6eae1f224fd..5ab781e3ccf 100644 --- a/packages/frontend/@n8n/design-system/src/v2/components/Select/Select.vue +++ b/packages/frontend/@n8n/design-system/src/v2/components/Select/Select.vue @@ -306,6 +306,7 @@ const groups = computed(() => { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + min-width: 0; } .selectItem { diff --git a/packages/frontend/editor-ui/src/features/roles/components/RoleSelectDropdown.vue b/packages/frontend/editor-ui/src/features/roles/components/RoleSelectDropdown.vue index 29558795251..e0598ee717a 100644 --- a/packages/frontend/editor-ui/src/features/roles/components/RoleSelectDropdown.vue +++ b/packages/frontend/editor-ui/src/features/roles/components/RoleSelectDropdown.vue @@ -190,9 +190,10 @@ const isUnavailableRoleItem = (item: SelectItemProps) => item.requiresUpgrade == :content="selectedRole?.displayName" :disabled="!selectedRole || dropdownOpen" placement="top" + as-child > - {{ selectedRole?.displayName }} + {{ selectedRole?.displayName }} @@ -293,7 +294,9 @@ const isUnavailableRoleItem = (item: SelectItemProps) => item.requiresUpgrade ==