fix(ui): fix OTP group styling, props spread order in BrandedButton, invite header shrink-0

Author: waleedlatif1

apps/sim/app/(auth)/components/branded-button.tsx

@@ -50,6 +50,7 @@ export const BrandedButton = forwardRef<HTMLButtonElement, BrandedButtonProps>(
     return (
       <button
         ref={ref}
+        {...props}
         disabled={disabled || loading}
         onMouseEnter={handleMouseEnter}
         onMouseLeave={handleMouseLeave}
@@ -73,7 +74,6 @@ export const BrandedButton = forwardRef<HTMLButtonElement, BrandedButtonProps>(
               }
             : undefined
         }
-        {...props}
       >
         {loading ? (
           <span className='flex items-center gap-2'>

apps/sim/app/chat/components/auth/email/email-auth.tsx

@@ -264,7 +264,7 @@ export default function EmailAuth({ identifier, onAuthSuccess }: EmailAuthProps)
                         disabled={isVerifyingOtp}
                         className={cn('gap-2', authError && 'otp-error')}
                       >
-                        <InputOTPGroup className='[&>div]:!rounded-[10px] gap-2'>
+                        <InputOTPGroup>
                           {[0, 1, 2, 3, 4, 5].map((index) => (
                             <InputOTPSlot
                               key={index}

apps/sim/app/invite/components/layout.tsx

@@ -10,7 +10,7 @@ interface InviteLayoutProps {
 export default function InviteLayout({ children }: InviteLayoutProps) {
   return (
     <div className='relative flex min-h-screen flex-col bg-[#1C1C1C] font-[430] font-season text-[#ECECEC]'>
-      <header>
+      <header className='shrink-0'>
         <Navbar logoOnly />
       </header>
       <main className='flex flex-1 flex-col items-center justify-center px-4'>