diff --git a/.changeset/fair-squids-deny.md b/.changeset/fair-squids-deny.md new file mode 100644 index 00000000000..9234e4f494f --- /dev/null +++ b/.changeset/fair-squids-deny.md @@ -0,0 +1,5 @@ +--- +"@clerk/clerk-js": patch +--- + +Fixes an issue where the application logo would render smaller then intended diff --git a/packages/clerk-js/src/ui/elements/ApplicationLogo.tsx b/packages/clerk-js/src/ui/elements/ApplicationLogo.tsx index cec97054186..d792f4294f2 100644 --- a/packages/clerk-js/src/ui/elements/ApplicationLogo.tsx +++ b/packages/clerk-js/src/ui/elements/ApplicationLogo.tsx @@ -61,7 +61,7 @@ export const ApplicationLogo = (props: ApplicationLogoProps) => { {...props} sx={[ theme => ({ - height: getContainerHeightForImageRatio(imageRef, theme.sizes.$4), + height: getContainerHeightForImageRatio(imageRef, theme.sizes.$6), justifyContent: 'center', }), props.sx,