diff --git a/src/app/docs/[...slug]/PrevNextEditButtons.tsx b/src/app/docs/[...slug]/PrevNextEditButtons.tsx
index 033f37a6..fb3eb000 100644
--- a/src/app/docs/[...slug]/PrevNextEditButtons.tsx
+++ b/src/app/docs/[...slug]/PrevNextEditButtons.tsx
@@ -41,7 +41,7 @@ export default function PrevNextEditButtons({
                   whiteSpace: "normal",
                 }}
               >
-                {currentPage.prev.title}
+                {currentPage.prev.navTitle ?? currentPage.prev.title}
               </Text>
             </Stack>
           </Button>
@@ -100,7 +100,7 @@ export default function PrevNextEditButtons({
                   whiteSpace: "normal",
                 }}
               >
-                {currentPage.next.title}
+                {currentPage.next.navTitle ?? currentPage.next.title}
               </Text>
             </Stack>
           </Button>
diff --git a/src/app/docs/[...slug]/page.tsx b/src/app/docs/[...slug]/page.tsx
index cf64fd93..b8af5d52 100644
--- a/src/app/docs/[...slug]/page.tsx
+++ b/src/app/docs/[...slug]/page.tsx
@@ -58,7 +58,7 @@ function resolveRelativeUrl(currentPath: string, relativeUrl: string): string {
 function pagefindBreadcrumbsTitle(currentPage: DocMetadata) {
   const titles: string[] = [];
   for (let node = currentPage; node; node = node.parent!) {
-    titles.unshift(node.title);
+    titles.unshift(node.navTitle ?? node.title);
   }
   return titles.join(" > ");
 }