diff --git a/packages/main/src/webComponents/Breadcrumbs/Breadcrumbs.stories.tsx b/packages/main/src/webComponents/Breadcrumbs/Breadcrumbs.stories.tsx
index 4fb057d294c..d23c1a2135b 100644
--- a/packages/main/src/webComponents/Breadcrumbs/Breadcrumbs.stories.tsx
+++ b/packages/main/src/webComponents/Breadcrumbs/Breadcrumbs.stories.tsx
@@ -24,9 +24,13 @@ export const Default: Story = {
   render: (args) => {
     return (
       <Breadcrumbs {...args}>
-        <BreadcrumbsItem>Products</BreadcrumbsItem>
-        <BreadcrumbsItem>Hardware</BreadcrumbsItem>
-        <BreadcrumbsItem>Notebooks</BreadcrumbsItem>
+        <BreadcrumbsItem href="?path=/docs/layouts-floorplans-breadcrumbs--docs" target="_blank">
+          Root Page
+        </BreadcrumbsItem>
+        <BreadcrumbsItem href="?path=/story/layouts-floorplans-breadcrumbs--default" target="_blank">
+          Parent Page
+        </BreadcrumbsItem>
+        <BreadcrumbsItem>Current Page</BreadcrumbsItem>
       </Breadcrumbs>
     );
   },