From 050a030ff0cb61e53be30eb003ba46380652cf9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=96zer?= <109994179+ddoemonn@users.noreply.github.com>
Date: Wed, 19 Feb 2025 15:44:21 +0300
Subject: [PATCH] fix(ui): prevent text descender cutoff in user dropdown
 (#19309)

---
 packages/features/shell/user-dropdown/UserDropdown.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/features/shell/user-dropdown/UserDropdown.tsx b/packages/features/shell/user-dropdown/UserDropdown.tsx
index d2cbf475f4..6932d5f0e2 100644
--- a/packages/features/shell/user-dropdown/UserDropdown.tsx
+++ b/packages/features/shell/user-dropdown/UserDropdown.tsx
@@ -35,6 +35,7 @@ declare global {
 interface UserDropdownProps {
   small?: boolean;
 }
+
 export function UserDropdown({ small }: UserDropdownProps) {
   const { isPlatformUser } = useGetUserAttributes();
   const { t } = useLocale();
@@ -80,7 +81,7 @@ export function UserDropdown({ small }: UserDropdownProps) {
           <span
             className={classNames(
               small ? "h-4 w-4" : "h-5 w-5 ltr:mr-2 rtl:ml-2",
-              "relative flex-shrink-0 rounded-full "
+              "relative flex-shrink-0 rounded-full"
             )}>
             <Avatar
               size={small ? "xs" : "xsm"}
@@ -98,7 +99,7 @@ export function UserDropdown({ small }: UserDropdownProps) {
           {!small && (
             <span className="flex flex-grow items-center gap-2">
               <span className="w-24 flex-shrink-0 text-sm leading-none">
-                <span className="text-emphasis block truncate font-medium">
+                <span className="text-emphasis block truncate py-0.5 font-medium leading-normal">
                   {user.name || "Nameless User"}
                 </span>
               </span>