diff --git a/src/ApiDocs.res b/src/ApiDocs.res
index 0dca67f9d..dbbb48bff 100644
--- a/src/ApiDocs.res
+++ b/src/ApiDocs.res
@@ -370,14 +370,15 @@ let default = (props: props) => {
   | Error(_) => React.null
   }
 
-  let prefix = {
-    {Url.name: "API", href: "/docs/manual/" ++ (version ++ "/api")}
-  }
+  let prefix = {Url.name: "API", href: "/docs/manual/" ++ (version ++ "/api")}
 
   let breadcrumbs = ApiLayout.makeBreadcrumbs(~prefix, router.asPath)
 
   <SidebarLayout
-    breadcrumbs
+    breadcrumbs={list{
+      {Url.name: "Docs", href: "/docs/manual/" ++ version ++ "/introduction"},
+      ...breadcrumbs,
+    }}
     metaTitle={title ++ " | ReScript API"}
     theme=#Reason
     components=ApiMarkdown.default
diff --git a/src/layouts/ApiOverviewLayout.res b/src/layouts/ApiOverviewLayout.res
index 94c21c7bb..49fc98963 100644
--- a/src/layouts/ApiOverviewLayout.res
+++ b/src/layouts/ApiOverviewLayout.res
@@ -30,7 +30,12 @@ module Docs = {
 
     let categories = makeCategories(version)
 
-    <ApiLayout categories version components>
+    let breadcrumbs = list{
+      {Url.name: "Docs", href: `/docs/manual/${version}/introduction`},
+      {name: "API", href: `/docs/manual/${version}/api`},
+    }
+
+    <ApiLayout breadcrumbs categories version components>
       {switch version {
       | "v9.0.0" | "v8.0.0" => <ApiLayout.OldDocsWarning route version />
       | _ => React.null