diff --git a/apps/ensadmin/src/app/@breadcrumbs/inspect/records/page.tsx b/apps/ensadmin/src/app/@breadcrumbs/inspect/records/page.tsx
index 5bfafef909..0dca383e7a 100644
--- a/apps/ensadmin/src/app/@breadcrumbs/inspect/records/page.tsx
+++ b/apps/ensadmin/src/app/@breadcrumbs/inspect/records/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { NameDisplay } from "@namehash/namehash-ui";
+import Link from "next/link";
 import { useSearchParams } from "next/navigation";
 
 import type { Name } from "@ensnode/ensnode-sdk";
@@ -24,7 +25,9 @@ export default function Page() {
     return (
       <>
         <BreadcrumbItem>
-          <BreadcrumbLink href={recordsBaseHref}>Record Resolution</BreadcrumbLink>
+          <BreadcrumbLink asChild>
+            <Link href={recordsBaseHref}>Record Resolution</Link>
+          </BreadcrumbLink>
         </BreadcrumbItem>
         <BreadcrumbSeparator />
         <BreadcrumbItem>
diff --git a/apps/ensadmin/src/app/@breadcrumbs/mock/config-info/page.tsx b/apps/ensadmin/src/app/@breadcrumbs/mock/config-info/page.tsx
index 7f508fd196..6aab814dad 100644
--- a/apps/ensadmin/src/app/@breadcrumbs/mock/config-info/page.tsx
+++ b/apps/ensadmin/src/app/@breadcrumbs/mock/config-info/page.tsx
@@ -1,5 +1,7 @@
 "use client";
 
+import Link from "next/link";
+
 import {
   BreadcrumbItem,
   BreadcrumbLink,
@@ -14,8 +16,8 @@ export default function Page() {
 
   return (
     <>
-      <BreadcrumbLink href={uiMocksBaseHref} className="hidden md:block">
-        UI Mocks
+      <BreadcrumbLink asChild className="hidden md:block">
+        <Link href={uiMocksBaseHref}>UI Mocks</Link>
       </BreadcrumbLink>
       <BreadcrumbSeparator className="hidden md:block" />
       <BreadcrumbItem>
diff --git a/apps/ensadmin/src/app/@breadcrumbs/mock/display-identity/page.tsx b/apps/ensadmin/src/app/@breadcrumbs/mock/display-identity/page.tsx
index 5a63e3ef44..93a50e23b2 100644
--- a/apps/ensadmin/src/app/@breadcrumbs/mock/display-identity/page.tsx
+++ b/apps/ensadmin/src/app/@breadcrumbs/mock/display-identity/page.tsx
@@ -1,5 +1,7 @@
 "use client";
 
+import Link from "next/link";
+
 import {
   BreadcrumbItem,
   BreadcrumbLink,
@@ -14,8 +16,8 @@ export default function Page() {
 
   return (
     <>
-      <BreadcrumbLink href={uiMocksBaseHref} className="hidden md:block">
-        UI Mocks
+      <BreadcrumbLink asChild className="hidden md:block">
+        <Link href={uiMocksBaseHref}>UI Mocks</Link>
       </BreadcrumbLink>
       <BreadcrumbSeparator className="hidden md:block" />
       <BreadcrumbItem>
diff --git a/apps/ensadmin/src/app/@breadcrumbs/mock/indexing-stats/page.tsx b/apps/ensadmin/src/app/@breadcrumbs/mock/indexing-stats/page.tsx
index 8f9dd043bd..8453ee0f0c 100644
--- a/apps/ensadmin/src/app/@breadcrumbs/mock/indexing-stats/page.tsx
+++ b/apps/ensadmin/src/app/@breadcrumbs/mock/indexing-stats/page.tsx
@@ -1,5 +1,7 @@
 "use client";
 
+import Link from "next/link";
+
 import {
   BreadcrumbItem,
   BreadcrumbLink,
@@ -14,8 +16,8 @@ export default function Page() {
 
   return (
     <>
-      <BreadcrumbLink href={uiMocksBaseHref} className="hidden md:block">
-        UI Mocks
+      <BreadcrumbLink asChild className="hidden md:block">
+        <Link href={uiMocksBaseHref}>UI Mocks</Link>
       </BreadcrumbLink>
       <BreadcrumbSeparator className="hidden md:block" />
       <BreadcrumbItem>
diff --git a/apps/ensadmin/src/app/@breadcrumbs/mock/registrar-actions/page.tsx b/apps/ensadmin/src/app/@breadcrumbs/mock/registrar-actions/page.tsx
index 4bb8d9fe0d..23ecdbf33b 100644
--- a/apps/ensadmin/src/app/@breadcrumbs/mock/registrar-actions/page.tsx
+++ b/apps/ensadmin/src/app/@breadcrumbs/mock/registrar-actions/page.tsx
@@ -1,5 +1,7 @@
 "use client";
 
+import Link from "next/link";
+
 import {
   BreadcrumbItem,
   BreadcrumbLink,
@@ -14,8 +16,8 @@ export default function Page() {
 
   return (
     <>
-      <BreadcrumbLink href={uiMocksBaseHref} className="hidden md:block">
-        UI Mocks
+      <BreadcrumbLink asChild className="hidden md:block">
+        <Link href={uiMocksBaseHref}>UI Mocks</Link>
       </BreadcrumbLink>
       <BreadcrumbSeparator className="hidden md:block" />
       <BreadcrumbItem>
diff --git a/apps/ensadmin/src/app/@breadcrumbs/mock/relative-time/page.tsx b/apps/ensadmin/src/app/@breadcrumbs/mock/relative-time/page.tsx
index 199d3a1183..2f2f632cb1 100644
--- a/apps/ensadmin/src/app/@breadcrumbs/mock/relative-time/page.tsx
+++ b/apps/ensadmin/src/app/@breadcrumbs/mock/relative-time/page.tsx
@@ -1,5 +1,7 @@
 "use client";
 
+import Link from "next/link";
+
 import {
   BreadcrumbItem,
   BreadcrumbLink,
@@ -13,8 +15,8 @@ export default function Page() {
   const uiMocksBaseHref = retainCurrentRawConnectionUrlParam("/mock");
   return (
     <>
-      <BreadcrumbLink href={uiMocksBaseHref} className="hidden md:block">
-        UI Mocks
+      <BreadcrumbLink asChild className="hidden md:block">
+        <Link href={uiMocksBaseHref}>UI Mocks</Link>
       </BreadcrumbLink>
       <BreadcrumbSeparator className="hidden md:block" />
       <BreadcrumbItem>
diff --git a/apps/ensadmin/src/app/@breadcrumbs/name/page.tsx b/apps/ensadmin/src/app/@breadcrumbs/name/page.tsx
index c5c32d3def..d838481197 100644
--- a/apps/ensadmin/src/app/@breadcrumbs/name/page.tsx
+++ b/apps/ensadmin/src/app/@breadcrumbs/name/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { NameDisplay } from "@namehash/namehash-ui";
+import Link from "next/link";
 import { useSearchParams } from "next/navigation";
 
 import type { Name } from "@ensnode/ensnode-sdk";
@@ -25,8 +26,8 @@ export default function Page() {
     <BreadcrumbsGroup name="ENS Explorer">
       {name ? (
         <>
-          <BreadcrumbLink href={exploreNamesBaseHref} className="hidden md:block">
-            Names
+          <BreadcrumbLink asChild className="hidden md:block">
+            <Link href={exploreNamesBaseHref}>Names</Link>
           </BreadcrumbLink>
           <BreadcrumbSeparator className="hidden md:block" />
           <BreadcrumbItem>