diff --git a/docs/components/content/examples/BreadcrumbExampleDefaultSlot.vue b/docs/components/content/examples/BreadcrumbExampleDefaultSlot.vue
index 2210e616..7baf557b 100644
--- a/docs/components/content/examples/BreadcrumbExampleDefaultSlot.vue
+++ b/docs/components/content/examples/BreadcrumbExampleDefaultSlot.vue
@@ -12,7 +12,7 @@ const links = [{
 <template>
   <UBreadcrumb :links="links">
     <template #default="{ link, isActive, index }">
-      <UBadge :color="isActive ? 'primary' : 'gray'" class="rounded-full">
+      <UBadge :color="isActive ? 'primary' : 'gray'" class="rounded-full truncate">
         {{ index + 1 }}. {{ link.label }}
       </UBadge>
     </template>
diff --git a/src/runtime/ui.config/navigation/breadcrumb.ts b/src/runtime/ui.config/navigation/breadcrumb.ts
index 8881efff..0071e207 100644
--- a/src/runtime/ui.config/navigation/breadcrumb.ts
+++ b/src/runtime/ui.config/navigation/breadcrumb.ts
@@ -1,5 +1,5 @@
 export default {
-  wrapper: 'relative',
+  wrapper: 'relative min-w-0',
   ol: 'flex items-center gap-x-1.5',
   li: 'flex items-center gap-x-1.5 text-gray-500 dark:text-gray-400 text-sm leading-6 min-w-0',
   base: 'flex items-center gap-x-1.5 group font-semibold min-w-0',