feat(dashboard): invite UI tweaks (#10999)

packages/admin/dashboard/src/routes/invite/invite.tsx

@@ -51,7 +51,7 @@ export const Invite = () => {
 
   return (
     <div className="bg-ui-bg-subtle relative flex min-h-dvh w-dvw items-center justify-center p-4">
-      <div className="flex w-full max-w-[280px] flex-col items-center">
+      <div className="flex w-full max-w-[360px] flex-col items-center">
         <AvatarBox checked={success} />
         <div className="max-h-[557px] w-full will-change-contents">
           {isValidInvite ? (
@@ -382,7 +382,7 @@ const SuccessView = () => {
   return (
     <div className="flex w-full flex-col items-center gap-y-6">
       <div className="flex flex-col items-center gap-y-1">
-        <Heading>{t("invite.successTitle")}</Heading>
+        <Heading className="text-center">{t("invite.successTitle")}</Heading>
         <Text size="small" className="text-ui-fg-subtle text-center">
           {t("invite.successHint")}
         </Text>
@@ -396,7 +396,7 @@ const SuccessView = () => {
       <Link
         key="login-link"
         to="/login"
-        className="txt-small text-ui-fg-base transition-fg hover:text-ui-fg-base-hover focus-visible:text-ui-fg-base-hover mt-3 font-medium outline-none"
+        className="txt-small text-ui-fg-base transition-fg hover:text-ui-fg-base-hover focus-visible:text-ui-fg-base-hover font-medium outline-none"
       >
         {t("invite.backToLogin")}
       </Link>