From 2051e87436c026f2bee00dff3b4d901667fa09ac Mon Sep 17 00:00:00 2001
From: Shyam Raghuwanshi <94217498+Shyam-Raghuwanshi@users.noreply.github.com>
Date: Sat, 24 Feb 2024 04:31:43 +0530
Subject: [PATCH] fix: username overflow (#13832)

---
 packages/features/shell/Shell.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/features/shell/Shell.tsx b/packages/features/shell/Shell.tsx
index e72ef544f2..c31f6a5554 100644
--- a/packages/features/shell/Shell.tsx
+++ b/packages/features/shell/Shell.tsx
@@ -462,8 +462,10 @@ function UserDropdown({ small }: UserDropdownProps) {
           </span>
           {!small && (
             <span className="flex flex-grow items-center gap-2">
-              <span className="line-clamp-1 flex-grow text-sm leading-none">
-                <span className="text-emphasis block font-medium">{user.name || "Nameless User"}</span>
+              <span className="w-24 flex-shrink-0 text-sm leading-none">
+                <span className="text-emphasis block truncate font-medium">
+                  {user.name || "Nameless User"}
+                </span>
               </span>
               <ChevronDown
                 className="group-hover:text-subtle text-muted h-4 w-4 flex-shrink-0 rtl:mr-4"