diff --git a/.changeset/great-seals-punch.md b/.changeset/great-seals-punch.md new file mode 100644 index 0000000000..d690da6a8f --- /dev/null +++ b/.changeset/great-seals-punch.md @@ -0,0 +1,5 @@ +--- +'@clerk/clerk-js': patch +--- + +Fix font size inconsistencies when selecting method to sign in. diff --git a/packages/clerk-js/src/ui/components/SignIn/AlternativeMethods.tsx b/packages/clerk-js/src/ui/components/SignIn/AlternativeMethods.tsx index 71f4bccb31..26bb83cc27 100644 --- a/packages/clerk-js/src/ui/components/SignIn/AlternativeMethods.tsx +++ b/packages/clerk-js/src/ui/components/SignIn/AlternativeMethods.tsx @@ -88,6 +88,7 @@ const AlternativeMethodsList = (props: AlternativeMethodListProps) => { textElementDescriptor={descriptors.alternativeMethodsBlockButtonText} arrowElementDescriptor={descriptors.alternativeMethodsBlockButtonArrow} key={i} + textVariant='buttonLarge' isDisabled={card.isLoading} onClick={() => onFactorSelected(factor)} /> diff --git a/packages/clerk-js/src/ui/elements/ArrowBlockButton.tsx b/packages/clerk-js/src/ui/elements/ArrowBlockButton.tsx index 05bcfecd09..1bd564fd06 100644 --- a/packages/clerk-js/src/ui/elements/ArrowBlockButton.tsx +++ b/packages/clerk-js/src/ui/elements/ArrowBlockButton.tsx @@ -22,6 +22,7 @@ type ArrowBlockButtonProps = PropsOfComponent & { spinnerElementDescriptor?: ElementDescriptor; spinnerElementId?: ElementId; textLocalizationKey?: LocalizationKey | string; + textVariant?: PropsOfComponent['variant']; }; export const ArrowBlockButton = React.forwardRef((props, ref) => { @@ -43,6 +44,7 @@ export const ArrowBlockButton = React.forwardRef {children}