diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss
index b8c5a196c6..6ca7d0aec4 100644
--- a/scss/_breadcrumb.scss
+++ b/scss/_breadcrumb.scss
@@ -16,7 +16,7 @@
   .breadcrumb-item {
     display: none;
     align-items: center;
-    min-width: 0; // overrides children links implied width see https://css-tricks.com/flexbox-truncated-text/
+    min-width: calc(#{$ouds-size-min-interactive-area} + 2 * var(--#{$prefix}breadcrumb-item-gap) + $ouds-breadcrumb-size-icon); // overrides children links implied width see https://css-tricks.com/flexbox-truncated-text/
     padding-right: var(--#{$prefix}breadcrumb-item-gap);
     white-space: nowrap;
 
@@ -41,6 +41,7 @@
     a {
       @extend %link-properties;
       display: inline-block;
+      min-width: #{$ouds-size-min-interactive-area};
       padding: $ouds-link-space-padding-block $ouds-link-space-padding-inline;
       overflow: hidden;
       text-overflow: ellipsis;