Sizing/Alignment is borked

[wolfmcr]

Not sure if something changed with how the iframe displays, but there's clearly something wrong with the alignment/sizing.

My component:

    <GoogleLogin
      onSuccess={(credentialResponse) =>
        onCredentialResponse(credentialResponse)
      }
      onError={handleError}
      theme="outline"
      size="large"
      width="300"
      text="signin"
      shape="square"
      logo_alignment="left"
      use_fedcm_for_prompt={true}
      cancel_on_tap_outside={false}
      auto_select={false}
      itp_support={true}
    />

The rendered iframe:

<iframe src="https://accounts.google.com/gsi/button?type=standard&amp;theme=outline&amp;size=large&amp;text=signin&amp;shape=square&amp;logo_alignment=left&amp;width=300&amp;locale=undefined&amp;click_listener=undefined&amp;is_fedcm_supported=true&amp;client_id=972082817697-bmn3e7m6cgl59s6feep71aitbuld43i9.apps.googleusercontent.com&amp;iframe_id=gsi_728134_629658&amp;cas=HXkZBn%2BbwHRIxiAdABbaOAuKFHAfA7r8gfwts1n1IIo" class="L5Fo6c-PQbLGe" allow="identity-credentials-get" id="gsi_728134_629658" title="Sign in with Google Button" style="display: block; position: relative; top: 0px; left: 0px; height: 44px; width: 320px; border: 0px; margin: -2px -10px;"></iframe>

[abhay-keyvalue]

facing same issue here