diff --git a/docs/src/pages/components/Breadcrumb.svx b/docs/src/pages/components/Breadcrumb.svx
index c236dc61..660f9467 100644
--- a/docs/src/pages/components/Breadcrumb.svx
+++ b/docs/src/pages/components/Breadcrumb.svx
@@ -12,8 +12,6 @@ components: ["Breadcrumb", "BreadcrumbItem"]
   import Preview from "../../components/Preview.svelte";
 </script>
 
-See the [Breadcrumbs recipe](/recipes/Breadcrumbs) for a reusable breadcrumbs component.
-
 ### Default
 
 <Breadcrumb>
@@ -43,6 +41,10 @@ See the [Breadcrumbs recipe](/recipes/Breadcrumbs) for a reusable breadcrumbs co
   <BreadcrumbItem href="/api/data/latest/usage" isCurrentPage>Usage</BreadcrumbItem>
 </Breadcrumb>
 
+### Breadcrumb trail
+
+<FileSource src="/framed/Breadcrumbs/Breadcrumbs" />
+
 ### Skeleton
 
 <Breadcrumb noTrailingSlash skeleton count={3} />
\ No newline at end of file
diff --git a/docs/src/pages/framed/Breadcrumbs/Breadcrumbs.svelte b/docs/src/pages/framed/Breadcrumbs/Breadcrumbs.svelte
index cd77ead9..6a43e299 100644
--- a/docs/src/pages/framed/Breadcrumbs/Breadcrumbs.svelte
+++ b/docs/src/pages/framed/Breadcrumbs/Breadcrumbs.svelte
@@ -1,32 +1,17 @@
 <script>
-  /**
-   * @type {{ href?: string; text: string; }[]} [items=[]]
-   */
-  export let items = [
+  import { Breadcrumb, BreadcrumbItem } from "carbon-components-svelte";
+
+  const items = [
     { href: "/", text: "Dashboard" },
     { href: "/reports", text: "Annual reports" },
     { href: "/reports/2019", text: "2019" },
   ];
-
-  import {
-    Row,
-    Column,
-    Breadcrumb,
-    BreadcrumbItem,
-  } from "carbon-components-svelte";
 </script>
 
-<Row>
-  <Column>
-    <Breadcrumb>
-      {#each items as item, i}
-        <BreadcrumbItem
-          href="{item.href}"
-          isCurrentPage="{i === items.length - 1}"
-        >
-          {item.text}
-        </BreadcrumbItem>
-      {/each}
-    </Breadcrumb>
-  </Column>
-</Row>
+<Breadcrumb>
+  {#each items as item, i}
+    <BreadcrumbItem href="{item.href}" isCurrentPage="{i === items.length - 1}">
+      {item.text}
+    </BreadcrumbItem>
+  {/each}
+</Breadcrumb>
diff --git a/docs/src/pages/recipes/Breadcrumbs.svx b/docs/src/pages/recipes/Breadcrumbs.svx
deleted file mode 100644
index d8f7afc0..00000000
--- a/docs/src/pages/recipes/Breadcrumbs.svx
+++ /dev/null
@@ -1,11 +0,0 @@
----
-layout: recipe
----
-
-<script>
-  import Preview from "../../components/Preview.svelte";
-</script>
-
-## Breadcrumb trail
-
-<FileSource src="/framed/Breadcrumbs/Breadcrumbs" />