From d832ca1e5a82594e4e1d0cdd43b43013e4c837c5 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Mon, 1 Sep 2025 20:18:03 -0700
Subject: [PATCH] Fix creator username overflow on project pages (#4323)

---
 .../ui/src/components/project/ProjectSidebarCreators.vue    | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/project/ProjectSidebarCreators.vue b/packages/ui/src/components/project/ProjectSidebarCreators.vue
index fd409129..cf1ef68b 100644
--- a/packages/ui/src/components/project/ProjectSidebarCreators.vue
+++ b/packages/ui/src/components/project/ProjectSidebarCreators.vue
@@ -29,8 +29,10 @@
 			>
 				<Avatar :src="member.user.avatar_url" :alt="member.user.username" size="32px" circle />
 				<div class="flex flex-col">
-					<span class="flex flex-row flex-nowrap items-center gap-1 group-hover:underline">
-						{{ member.user.username }}
+					<span
+						class="grid grid-cols-[1fr_auto] w-full flex-nowrap items-center gap-1 group-hover:underline"
+					>
+						<span class="min-w-0 overflow-hidden truncate">{{ member.user.username }}</span>
 						<CrownIcon
 							v-if="member.is_owner"
 							v-tooltip="formatMessage(messages.owner)"