oneTap toggle doesn't work?

[Kimblis]

These are my options:

 <GoogleOAuthProvider clientId={import.meta.env.VITE_GOOGLE_CLIENT_ID}>
      <GoogleLogin
        onSuccess={onSuccess}
        onError={onError}
        width={matchesMobile ? 300 : 400}
        logo_alignment="left"
        auto_select={false}
        useOneTap={false}
        theme="outline"
      />
    </GoogleOAuthProvider>

However I still see this: And I don't like this drastic layout shift. How can I turn this off? ...

[DrRek]

Completely agree the button is completely messed up and the toggle doesn't work.

just for a couple of seconds I do get the proper button:

[saicoder]

This is still the issue, any way to solve it or even add full width with dark mode?

Tried with:

<GoogleLogin
  useOneTap={false}
  text="signup_with"
  auto_select={false}
  shape="rectangular"
  theme="outline"
  ux_mode="popup"
  itp_support={false}
  .....

[DollarAkshay]

To fix weird white padding you just need to use the colorscheme and set it on light on the parent component:

<Box className="flex justify-center" style={{ colorScheme: `light` }}>
    <GoogleLogin
        ...
    />
</Box>

Its not at all intuitive or even documented, but it works: