From fc7ee36a96b7e5bdf4e7dfee831badf21088a64d Mon Sep 17 00:00:00 2001
From: Isaac Mann <isaacplmann@users.noreply.github.com>
Date: Mon, 25 Nov 2024 07:37:19 -0500
Subject: [PATCH] chore(nx-dev): wrap breadcrumbs (#29059)

---
 nx-dev/ui-common/src/lib/breadcrumbs.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/nx-dev/ui-common/src/lib/breadcrumbs.tsx b/nx-dev/ui-common/src/lib/breadcrumbs.tsx
index 71aef1949f..b15f905abc 100644
--- a/nx-dev/ui-common/src/lib/breadcrumbs.tsx
+++ b/nx-dev/ui-common/src/lib/breadcrumbs.tsx
@@ -72,9 +72,12 @@ export function Breadcrumbs({
   return (
     <div>
       <nav className="flex" aria-labelledby="breadcrumb">
-        <ol role="list" className="flex items-center space-x-4">
+        <ol role="list" className="flex flex-wrap items-center space-x-3">
           {crumbs.map((crumb, index) => (
-            <li key={crumb.id.concat('-', index.toString())}>
+            <li
+              className="m-1 block"
+              key={crumb.id.concat('-', index.toString())}
+            >
               <div className="flex items-center">
                 {!!index && (
                   <ChevronRightIcon