diff --git a/.changeset/silent-pets-happen.md b/.changeset/silent-pets-happen.md new file mode 100644 index 00000000000..36ad46b5ee6 --- /dev/null +++ b/.changeset/silent-pets-happen.md @@ -0,0 +1,5 @@ +--- +'@clerk/clerk-js': patch +--- + +Adjust verification modal vertical alignment and remove logo usage within verification cards. diff --git a/packages/clerk-js/src/ui/Components.tsx b/packages/clerk-js/src/ui/Components.tsx index bf6851fd3a4..3ebbfd9e213 100644 --- a/packages/clerk-js/src/ui/Components.tsx +++ b/packages/clerk-js/src/ui/Components.tsx @@ -403,7 +403,6 @@ const Components = (props: ComponentsProps) => { startPath={buildVirtualRouterUrl({ base: '/user-verification', path: urlStateParam?.path })} componentName={'UserVerificationModal'} modalContainerSx={{ alignItems: 'center' }} - modalContentSx={t => ({ height: `min(${t.sizes.$176}, calc(100% - ${t.sizes.$12}))`, margin: 0 })} > diff --git a/packages/clerk-js/src/ui/elements/VerificationCodeCard.tsx b/packages/clerk-js/src/ui/elements/VerificationCodeCard.tsx index a8ce515b74a..2002b5a497c 100644 --- a/packages/clerk-js/src/ui/elements/VerificationCodeCard.tsx +++ b/packages/clerk-js/src/ui/elements/VerificationCodeCard.tsx @@ -43,7 +43,7 @@ export const VerificationCodeCard = (props: PropsWithChildren - +