diff --git a/packages/builder/src/components/portal/page/Breadcrumb.svelte b/packages/builder/src/components/portal/page/Breadcrumb.svelte
index 974e155df2..8a458c7ecd 100644
--- a/packages/builder/src/components/portal/page/Breadcrumb.svelte
+++ b/packages/builder/src/components/portal/page/Breadcrumb.svelte
@@ -27,6 +27,9 @@
   a {
     color: inherit;
     transition: color 130ms ease-out;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
   }
   a:hover {
     color: var(--spectrum-global-color-gray-900);
diff --git a/packages/builder/src/components/portal/page/Breadcrumbs.svelte b/packages/builder/src/components/portal/page/Breadcrumbs.svelte
index 6fa311f0f7..55f100174d 100644
--- a/packages/builder/src/components/portal/page/Breadcrumbs.svelte
+++ b/packages/builder/src/components/portal/page/Breadcrumbs.svelte
@@ -16,5 +16,7 @@
   }
   div :global(> *:last-child) {
     color: var(--spectrum-global-color-gray-900);
+    flex: 1 1 auto;
+    width: 0;
   }
 </style>