Minor Fix;

1) Change button style.
2) Add missing text.

VAN-42

src/common-components/EnterpriseSSO.jsx

@@ -46,7 +46,7 @@ const EnterpriseSSO = (props) => {
                 {tpaProvider.iconImage ? (
                   <div aria-hidden="true">
                     <img className="icon-image" src={tpaProvider.iconImage} alt={`icon ${tpaProvider.name}`} />
-                    <span className="pl-2" aria-hidden="true">{tpaProvider.name}</span>
+                    <span className="pl-2" aria-hidden="true">{intl.formatMessage(messages['enterprisetpa.sso.button.title'], { providerName: tpaProvider.name })}</span>
                   </div>
                 )
                   : (
@@ -56,14 +56,14 @@ const EnterpriseSSO = (props) => {
                           icon={SUPPORTED_ICON_CLASSES.includes(tpaProvider.iconClass) ? ['fab', tpaProvider.iconClass] : faSignInAlt}
                         />
                       </div>
-                      <span className="pl-2" aria-hidden="true">Sign in using {tpaProvider.name}</span>
+                      <span className="pl-2" aria-hidden="true">{intl.formatMessage(messages['enterprisetpa.sso.button.title'], { providerName: tpaProvider.name })}</span>
                     </>
                   )}
               </Button>
               <div className="mb-4" />
               <Button
                 type="submit"
-                variant="primary"
+                variant="outline-primary"
                 state="Complete"
                 className="w-100"
                 onClick={(e) => handleClick(e)}

src/common-components/messages.jsx

@@ -34,6 +34,11 @@ const messages = defineMessages({
     defaultMessage: 'Would you like to sign in using your {providerName} credentials?',
     description: 'Header text used in enterprise third party authentication',
   },
+  'enterprisetpa.sso.button.title': {
+    id: 'enterprisetpa.sso.button.title',
+    defaultMessage: 'Sign in using {providerName}',
+    description: 'Text for third party auth provider buttons',
+  },
   'enterprisetpa.login.button.text': {
     id: 'enterprisetpa.login.button.text',
     defaultMessage: 'Show me other ways to sign in or register',