diff --git a/src/components/layout/Footer/FooterClickable.tsx b/src/components/layout/Footer/FooterClickable.tsx
index 9c780ea..b103b2f 100644
--- a/src/components/layout/Footer/FooterClickable.tsx
+++ b/src/components/layout/Footer/FooterClickable.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import { ReactNode } from "react";
-import { usePathname, useRouter } from "next/navigation";
-import { UnstyledButton } from "@mantine/core";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
 import styles from "./Footer.module.css";
 
 type Props = {
@@ -12,17 +12,14 @@ type Props = {
 
 const FooterClickable = ({ children, href }: Props) => {
     const pathname = usePathname();
-    const router = useRouter();
-
-    const onClick = () => router.push(href);
 
     return (
-        <UnstyledButton
-            onClick={onClick}
+        <Link
+            href={href}
             className={styles.link}
             data-active={pathname === href || undefined}>
             {children}
-        </UnstyledButton>
+        </Link>
     );
 };
 
diff --git a/src/components/layout/Navbar/NavbarClickable.tsx b/src/components/layout/Navbar/NavbarClickable.tsx
index 935884a..a6b0dc3 100644
--- a/src/components/layout/Navbar/NavbarClickable.tsx
+++ b/src/components/layout/Navbar/NavbarClickable.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import { ReactNode } from "react";
-import { usePathname, useRouter } from "next/navigation";
-import { UnstyledButton } from "@mantine/core";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
 import styles from "./Navbar.module.css";
 
 type Props = {
@@ -13,17 +13,14 @@ type Props = {
 
 const NavbarClickable = ({ children, href, active = false }: Props) => {
     const pathname = usePathname();
-    const router = useRouter();
-
-    const onClick = () => router.push(href);
 
     return (
-        <UnstyledButton
-            onClick={onClick}
+        <Link
+            href={href}
             className={styles.link}
             data-active={active || pathname === href || undefined}>
             {children}
-        </UnstyledButton>
+        </Link>
     );
 };