diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 5e54a9f..27fc99c 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -7,6 +7,8 @@ import { redirect } from 'next/navigation';
 import style from './login.module.css';
 
 import '@/app/globals.css';
+import SSOLogin from '@/components/user/sso-login-button';
+import Login from '@/components/user/login-button';
 
 export default async function LoginPage() {
   const session = await auth();
@@ -32,9 +34,11 @@ export default async function LoginPage() {
         />
       </form>
 
+      <Login provider={''} providerDisplayName={''}></Login>
+
       <hr style={{ width: 230 }} />
 
-      <Login provider='authentik' providerDisplayName='SSO' />
+      <SSOLogin provider='authentik' providerDisplayName='SSO' />
     </div>
   );
 }
diff --git a/src/components/user/login-button.tsx b/src/components/user/login-button.tsx
new file mode 100644
index 0000000..f503cec
--- /dev/null
+++ b/src/components/user/login-button.tsx
@@ -0,0 +1,11 @@
+import Button from '../button';
+
+export default function Login() {
+  return (
+    <form>
+      <Button type='submit' mode='primary' width={250}>
+        Login
+      </Button>
+    </form>
+  );
+}
diff --git a/src/components/user/sso-login-button.tsx b/src/components/user/sso-login-button.tsx
index 4437ca6..272872e 100644
--- a/src/components/user/sso-login-button.tsx
+++ b/src/components/user/sso-login-button.tsx
@@ -2,7 +2,7 @@ import { signIn } from '@/auth';
 import Button from '../button';
 import { faOpenid } from '@fortawesome/free-brands-svg-icons';
 
-export default function Login({
+export default function SSOLogin({
   provider,
   providerDisplayName,
 }: {