fix(ui): prevent text descender cutoff in user dropdown (#19309)

calcom · Feb 19, 2025 · 050a030 · 050a030
1 parent dfb2232
commit 050a030
Showing 1 changed file with 3 additions and 2 deletions.
diff --git 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>