diff --git a/content/docs/breadcrumb.mdx b/content/docs/breadcrumb.mdx
index 069fbdb..0ba26b2 100644
--- a/content/docs/breadcrumb.mdx
+++ b/content/docs/breadcrumb.mdx
@@ -226,7 +226,7 @@ import { Link } from "next/link";
 
 <ComponentPreview name="breadcrumb-separator" />
 
-### BreadCrumb variants
+### BreadCrumb Variants
 
 By default, the Breadcrumb component uses the `default` variant for each item. You can change the variant by passing the `variant` prop to the `BreadcrumbItem` component.
 
diff --git a/src/registry/default/example/breadcrumb-demo.tsx b/src/registry/default/example/breadcrumb-demo.tsx
index 2166db5..879f377 100644
--- a/src/registry/default/example/breadcrumb-demo.tsx
+++ b/src/registry/default/example/breadcrumb-demo.tsx
@@ -19,11 +19,11 @@ const BreadCrumbTest = () => {
       </BreadCrumbItem>
       <BreadCrumbSeparator className="" />
       <BreadCrumbItem className="px-2 h-7" index={1}>
-        Settings
+        <Link href="/">Settings</Link>
       </BreadCrumbItem>
       <BreadCrumbSeparator />
       <BreadCrumbItem className="px-2 h-7" index={2}>
-        Account
+        <Link href="/">Account</Link>
       </BreadCrumbItem>
     </BreadCrumb>
   );
diff --git a/src/registry/default/example/breadcrumb/breadcrumb-popover.tsx b/src/registry/default/example/breadcrumb/breadcrumb-popover.tsx
index 17c805f..23647b3 100644
--- a/src/registry/default/example/breadcrumb/breadcrumb-popover.tsx
+++ b/src/registry/default/example/breadcrumb/breadcrumb-popover.tsx
@@ -34,10 +34,10 @@ const BreadCrumbTest = () => {
         </BreadCrumbTrigger>
         <BreadCrumbContent className="flex items-center flex-col p-1 max-w-40">
           <BreadCrumbItem index={3} className="px-2 size-8 w-full">
-            Settings
+            <Link href="/">Settings</Link>
           </BreadCrumbItem>
           <BreadCrumbItem index={4} className="px-2 size-8 w-full">
-            Account
+            <Link href="/">Account</Link>
           </BreadCrumbItem>
         </BreadCrumbContent>
       </BreadCrumbPopover>
diff --git a/src/registry/default/example/breadcrumb/breadcrumb-separator.tsx b/src/registry/default/example/breadcrumb/breadcrumb-separator.tsx
index 6c27c39..086ae69 100644
--- a/src/registry/default/example/breadcrumb/breadcrumb-separator.tsx
+++ b/src/registry/default/example/breadcrumb/breadcrumb-separator.tsx
@@ -20,13 +20,13 @@ const BreadCrumbTest = () => {
         <Slash className="size-3 -rotate-[30deg]" />
       </BreadCrumbSeparator>
       <BreadCrumbItem className="px-2 h-7" index={1}>
-        Settings
+        <Link href="/">Settings</Link>
       </BreadCrumbItem>
       <BreadCrumbSeparator>
         <Slash className="size-3 -rotate-[30deg]" />
       </BreadCrumbSeparator>
       <BreadCrumbItem className="px-2 h-7" index={2}>
-        Account
+        <Link href="/">Account</Link>
       </BreadCrumbItem>
     </BreadCrumb>
   );
diff --git a/src/registry/default/example/breadcrumb/breadcrumb-variants.tsx b/src/registry/default/example/breadcrumb/breadcrumb-variants.tsx
index b08bb63..9a6d3aa 100644
--- a/src/registry/default/example/breadcrumb/breadcrumb-variants.tsx
+++ b/src/registry/default/example/breadcrumb/breadcrumb-variants.tsx
@@ -59,11 +59,11 @@ const BreadCrumbTest = () => {
         </BreadCrumbItem>
         <BreadCrumbSeparator />
         <BreadCrumbItem className="px-2 h-7" index={1}>
-          Settings
+          <Link href="/">Settings</Link>
         </BreadCrumbItem>
         <BreadCrumbSeparator />
         <BreadCrumbItem className="px-2 h-7" index={2}>
-          Account
+          <Link href="/">Account</Link>
         </BreadCrumbItem>
       </BreadCrumb>
       <BreadCrumbVariantPicker variant={variant} setVariant={setVariant} />