diff --git a/docs/custom-flows/oauth-connections.mdx b/docs/custom-flows/oauth-connections.mdx
index 0376cb81c3..a3f0bc80cb 100644
--- a/docs/custom-flows/oauth-connections.mdx
+++ b/docs/custom-flows/oauth-connections.mdx
@@ -56,10 +56,10 @@ You must configure your application instance through the Clerk Dashboard for the
       }
       ```
 
-      ```tsx {{ filename: 'app/sign-up/sso-callback.tsx' }}
+      ```tsx {{ filename: 'app/sign-in/sso-callback/page.tsx' }}
       import { AuthenticateWithRedirectCallback } from '@clerk/nextjs'
 
-      export default function SSOCallback() {
+      export default function Page() {
         // Handle the redirect flow by calling the Clerk.handleRedirectCallback() method
         // or rendering the prebuilt <AuthenticateWithRedirectCallback/> component.
         // This is the final step in the custom OAuth flow.