@@ -444,15 +444,15 @@ function InvitePartnerSheetContent({ setIsOpen }: InvitePartnerSheetProps) {
444444 ref = { emailFieldRef }
445445 className = { cn (
446446 "relative mt-2 flex w-full flex-wrap items-center gap-1 rounded-md border border-neutral-300 bg-white px-1.5 shadow-sm focus-within:border-neutral-500 focus-within:ring-1 focus-within:ring-neutral-500" ,
447- isEmailFieldWrapped ? "pb-[5px] pt-[6px ]" : "h-[38px] py-[3px]" ,
447+ isEmailFieldWrapped ? "py-[4px ]" : "h-[38px] py-[3px]" ,
448448 ) }
449449 >
450450 { recipientEmails . map ( ( recipientEmail ) => (
451451 < span
452452 key = { recipientEmail }
453453 onClick = { ( ) => setSelectedRecipientEmail ( recipientEmail ) }
454454 className = { cn (
455- "inline-flex items-center gap-1 rounded-md pl-1.5 pr-1 py-0.5 text-sm" ,
455+ "inline-flex items-center gap-1 rounded-md pl-1.5 pr-1 py-0.5 text-sm leading-6 " ,
456456 selectedRecipientEmail === recipientEmail
457457 ? "bg-neutral-300 text-neutral-900"
458458 : "bg-neutral-100 text-neutral-900" ,
@@ -491,11 +491,11 @@ function InvitePartnerSheetContent({ setIsOpen }: InvitePartnerSheetProps) {
491491 setSelectedRecipientEmail ( null ) ;
492492 commitEmailInput ( ) ;
493493 } }
494- className = { cn (
495- "relative -top-[0.5px] h-7 w-full border-0 bg-transparent px-1.5 text-sm leading-7 text-neutral-900 placeholder-neutral-400 focus:outline-none focus:ring-0",
496- selectedRecipientEmail &&
497- "caret-transparent text-transparent placeholder:text-transparent" ,
498- ) }
494+ className = { cn (
495+ " h-7 w-full border-0 bg-transparent px-1.5 text-sm leading-6 text-neutral-900 placeholder-neutral-400 focus:outline-none focus:ring-0",
496+ selectedRecipientEmail &&
497+ "caret-transparent text-transparent placeholder:text-transparent" ,
498+ ) }
499499 placeholder = "panic@thedis.co"
500500 type = "text"
501501 autoComplete = "off"
0 commit comments