diff --git a/packages/app-next/src/App.tsx b/packages/app-next/src/App.tsx
index 987dac8e29..67faf8d646 100644
--- a/packages/app-next/src/App.tsx
+++ b/packages/app-next/src/App.tsx
@@ -46,8 +46,8 @@ import {
   ScmIntegrationsApi,
   scmIntegrationsApiRef,
 } from '@backstage/integration-react';
-import Button from '@material-ui/core/Button';
 import { createSignInPageExtension } from '@backstage/frontend-plugin-api';
+import { SignInPage } from '@backstage/core-components';
 
 /*
 
@@ -93,32 +93,7 @@ const homePageExtension = createExtension({
 const signInPage = createSignInPageExtension({
   id: 'signInPage',
   loader: async () => (props: SignInPageProps) =>
-    (
-      <div>
-        <h1>Sign in page</h1>
-        <div>
-          <Button
-            onClick={() =>
-              props.onSignInSuccess({
-                getProfileInfo: async () => ({
-                  email: 'guest@example.com',
-                  displayName: 'Guest',
-                }),
-                getBackstageIdentity: async () => ({
-                  type: 'user',
-                  userEntityRef: 'user:default/guest',
-                  ownershipEntityRefs: ['user:default/guest'],
-                }),
-                getCredentials: async () => ({}),
-                signOut: async () => {},
-              })
-            }
-          >
-            Sign in
-          </Button>
-        </div>
-      </div>
-    ),
+    <SignInPage {...props} providers={['guest']} />,
 });
 
 const scmAuthExtension = createApiExtension({