diff --git a/src/pages/login.tsx b/src/pages/login.tsx
index e0de45ea..9c5d9141 100644
--- a/src/pages/login.tsx
+++ b/src/pages/login.tsx
@@ -8,6 +8,7 @@ import useUser from "@/hooks/useUser";
 import {Divider} from "primereact/divider";
 import Button from "@/components/Low/Button";
 import {BsArrowRepeat} from "react-icons/bs";
+import Link from "next/link";
 
 export default function Login() {
 	const [email, setEmail] = useState("");
@@ -91,9 +92,9 @@ export default function Login() {
 					</form>
 					<span className="text-mti-gray-cool text-sm font-normal mt-8">
 						Don&apos;t have an account?{" "}
-						<a className="text-mti-green-light" href="/register">
+						<Link className="text-mti-green-light" href="/register">
 							Sign up
-						</a>
+						</Link>
 					</span>
 				</section>
 			</main>
diff --git a/src/pages/register.tsx b/src/pages/register.tsx
index 9d2264fe..139d7791 100644
--- a/src/pages/register.tsx
+++ b/src/pages/register.tsx
@@ -5,6 +5,7 @@ import Head from "next/head";
 import useUser from "@/hooks/useUser";
 import Button from "@/components/Low/Button";
 import {BsArrowRepeat} from "react-icons/bs";
+import Link from "next/link";
 
 export default function Register() {
 	const [name, setName] = useState("");
@@ -85,9 +86,9 @@ export default function Register() {
 							)}
 						</Button>
 					</form>
-					<a className="text-mti-green-light text-sm font-normal" href="/register">
+					<Link className="text-mti-green-light text-sm font-normal" href="/login">
 						Sign in instead
-					</a>
+					</Link>
 				</section>
 			</main>
 		</>