diff --git a/changelog/unreleased/bugfix-multiline-breadcrumb b/changelog/unreleased/bugfix-multiline-breadcrumb
new file mode 100644
index 00000000000..912561ac932
--- /dev/null
+++ b/changelog/unreleased/bugfix-multiline-breadcrumb
@@ -0,0 +1,6 @@
+Bugfix: Layout with long breadcrumb
+
+The breadcrumb component with total length longer than the app area was breaking the layout and has been fixed
+
+https://github.com/owncloud/web/issues/6731
+https://github.com/owncloud/web/pull/8765
diff --git a/packages/design-system/src/components/OcBreadcrumb/OcBreadcrumb.vue b/packages/design-system/src/components/OcBreadcrumb/OcBreadcrumb.vue
index c2e69e79eb4..0546e186100 100644
--- a/packages/design-system/src/components/OcBreadcrumb/OcBreadcrumb.vue
+++ b/packages/design-system/src/components/OcBreadcrumb/OcBreadcrumb.vue
@@ -195,6 +195,7 @@ export default defineComponent({
 
     list-style: none;
     align-items: baseline;
+    flex-wrap: wrap;
 
     #oc-breadcrumb-contextmenu-trigger > span {
       vertical-align: middle;