diff --git a/apps/login/src/app/(login)/mfa/create/page.tsx b/apps/login/src/app/(login)/mfa/create/page.tsx
index 4fd798f7e75..fc3488b5b94 100644
--- a/apps/login/src/app/(login)/mfa/create/page.tsx
+++ b/apps/login/src/app/(login)/mfa/create/page.tsx
@@ -1,12 +1,9 @@
-"use client";
+import BackButton from "@/ui/BackButton";
import { Button, ButtonVariants } from "@/ui/Button";
import { TextInput } from "@/ui/Input";
import UserAvatar from "@/ui/UserAvatar";
-import { useRouter } from "next/navigation";
export default function Page() {
- const router = useRouter();
-
return (
Password
@@ -22,12 +19,7 @@ export default function Page() {
-
+
diff --git a/apps/login/src/ui/ChangePasswordForm.tsx b/apps/login/src/ui/ChangePasswordForm.tsx
index 68ca8caee06..72d8929894d 100644
--- a/apps/login/src/ui/ChangePasswordForm.tsx
+++ b/apps/login/src/ui/ChangePasswordForm.tsx
@@ -12,6 +12,7 @@ import { useRouter } from "next/navigation";
import { useState } from "react";
import { FieldValues, useForm } from "react-hook-form";
import Alert from "./Alert";
+import BackButton from "./BackButton";
import { Button, ButtonVariants } from "./Button";
import { TextInput } from "./Input";
import PasswordComplexity from "./PasswordComplexity";
@@ -129,9 +130,7 @@ export default function ChangePasswordForm({
{error && {error}}
-
+