I’m trying to customize the hosted pages: Login and Password. I’m trying to use our logo. It seems that no matter its natural size, Lock tries to resize it to height 55px. So our 233x42 logo is cutoff because it’s too wide. If we create a taller logo, it will be even more cut off (because the ratio is kept). If we decrease the height, Lock will resize it to 55px anyway.
I tried to add .auth0-lock-header-logo as embedded style, but it doesn’t seem to take effect. https://auth0.com/docs/libraries/lock/v10/ui-customization suggests it’s possible to customize the CSS, but doesn’t say how.
What’s the recommended way to use a wide logo? Thank you.