diff --git a/apps/login/src/ui/BackButton.tsx b/apps/login/src/ui/BackButton.tsx
index 90c5b0bfd34..b2f04ad5844 100644
--- a/apps/login/src/ui/BackButton.tsx
+++ b/apps/login/src/ui/BackButton.tsx
@@ -1,15 +1,17 @@
 "use client";
 
+import { useRouter } from "next/navigation";
 import { Button, ButtonVariants } from "./Button";
 
 export default function BackButton() {
-  return history && history.length > 1 ? (
+  const router = useRouter();
+  return (
     <Button
-      onClick={() => history.back()}
+      onClick={() => router.back()}
       type="button"
       variant={ButtonVariants.Secondary}
     >
       back
     </Button>
-  ) : null;
+  );
 }