Google logo loads as a big image for a split second at load

[tomasroaldsnes]

Bug report

Describe the bug

With Google provider enabled, the Google logo is huge for a split second when loading the view.

To Reproduce

Loading this view. <Auth supabaseClient={supabase} appearance={{ theme: ThemeSupa, variables: { default: { colors: { brand: "#3d808c", brandAccent: "#2c5b63", }, }, }, }} providers={["google"]} magicLink localization={{ variables: { sign_in: { email_label: "Din epostadresse", password_label: "Ditt passord", email_input_placeholder: "Epost", password_input_placeholder: "Passord", social_provider_text: "Logg inn med", button_label: "Logg inn", link_text: "Har du allerede en konto? Logg inn", }, sign_up: { email_label: "Din epostadresse", password_label: "Ditt passord", email_input_placeholder: "Epost", password_input_placeholder: "Passord", social_provider_text: "Logg inn med", button_label: "Opprett konto", link_text: "Har du ikke en konto? Opprett konto", }, magic_link: { email_label: "Din epostadresse", email_input_placeholder: "Epost", button_label: "Send innloggingslenke på epost", link_text: "Logg inn uten passord", }, forgotten_password: { email_label: "Din epostadresse", password_label: "Ditt passord", email_input_placeholder: "Epost", button_label: "Send meg nytt possord på epost", link_text: "Har du glemt passordet?", }, update_password: { password_label: "Nytt passord", password_input_placeholder: "Ditt nye passord", button_label: "Oppdater passordet", }, }, }} />

Expected behavior

Not seeing a huge Google logo when loading the view.

System information

All devices

[tomasroaldsnes]

I think I found the problem. `

`

Width and height for button image are set as 512px.

[tomasroaldsnes]

https://github.com/supabase/auth-ui/blob/main/packages/react/src/components/Auth/Icons.tsx#L14-L15 These should be changed to actual sizes.

[avgupta456]

I am also running into this problem. Did you find a temporary fix?

[rdylina]

Came here to report this very issue.

[bookvacuum]

experiencing the same issue

[silentworks]

A fix was submitted by @rdylina that got released in version 0.3.5 for auth-ui-react.