Standard Lock auth button for google is not compliant with Google Sign-In Branding Guidelines

[alexander-ignatow]

Default Google sign in button (as of v 11.10.0):

That look is not compliant with Google's Sign In Branding Guidelines

That issue caused our app to become "Not verified by Google"

As a temporary workaround I have added following CSS to fix the issue:

<style>
    .auth0-lock-social-button[data-provider^=google] .auth0-lock-social-button-icon {
      background-image: url("https://developers.google.com/identity/images/g-logo.png");
    }
    .auth0-lock.auth0-lock .auth0-lock-social-button.auth0-lock-social-big-button[data-provider^=google] .auth0-lock-social-button-icon,
    .auth0-lock.auth0-lock .auth0-lock-social-button.auth0-lock-social-big-button[data-provider^=google]:hover .auth0-lock-social-button-icon{
      background-color: white;
      border: 1px #4285f4 solid;
      border-radius: 3px 0px 0px 3px;
      height: 38px;
    }
  </style>

[luisrudge]

@alexander-ignatow can you send a print screen with the end result?

[alexander-ignatow]

The result of implementing my fix:

What Google expect:

However Google has not responded anything on my fixed app yet, so I cannot be 100% sure that the fix works for them.
For instance the button text uses default font (Google want Roboto) and comes in all caps

[luisrudge]

Ok, let me talk with the design team. I'll get back to you on this.