diff --git a/account-kit/react/src/components/auth/card/loading/oauth.tsx b/account-kit/react/src/components/auth/card/loading/oauth.tsx
index 689901d7e5..11af91a995 100644
--- a/account-kit/react/src/components/auth/card/loading/oauth.tsx
+++ b/account-kit/react/src/components/auth/card/loading/oauth.tsx
@@ -48,7 +48,7 @@ export const CompletingOAuth = () => {
       </div>
 
       <h3 className="font-semibold text-lg">{`Continue with ${capitalize(
-        authStep.config.authProviderId
+        authStep.config.displayName ?? authStep.config.authProviderId
       )}`}</h3>
       <p className="text-fg-secondary text-center text-sm">
         {`Follow the steps in the pop up window to sign in with ${capitalize(
diff --git a/account-kit/react/src/components/auth/types.ts b/account-kit/react/src/components/auth/types.ts
index df92307c23..b60000a059 100644
--- a/account-kit/react/src/components/auth/types.ts
+++ b/account-kit/react/src/components/auth/types.ts
@@ -20,12 +20,14 @@ export type AuthType =
           authProviderId: "auth0";
           isCustomProvider?: false;
           auth0Connection?: string;
+          displayName: string;
           logoUrl: string;
         }
       | {
           authProviderId: KnownAuthProvider;
           isCustomProvider?: false;
           auth0Connection?: never;
+          displayName?: never;
           logoUrl?: never;
         }
     ) &
diff --git a/examples/ui-demo/src/app/sections.ts b/examples/ui-demo/src/app/sections.ts
index 6b2533526a..2c2d038605 100644
--- a/examples/ui-demo/src/app/sections.ts
+++ b/examples/ui-demo/src/app/sections.ts
@@ -29,6 +29,7 @@ export function getSectionsForConfig(
           authProviderId: "auth0",
           mode: "popup",
           auth0Connection: "twitter",
+          displayName: "X",
           logoUrl: "/images/twitter.svg",
         });
       } else if (enabled) {