From fc1227b5f210343bb9eafc53b2b241e8da34f387 Mon Sep 17 00:00:00 2001
From: Joseph Sasin <jsasin1990@gmail.com>
Date: Tue, 16 Jun 2026 20:44:17 -0700
Subject: [PATCH 1/2] fix: fixed breadcrumb overflow with horizontal scroll

---
 src/components/ui/breadcrumb.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/breadcrumb.tsx b/src/components/ui/breadcrumb.tsx
index 50bb55c11..233faf883 100644
--- a/src/components/ui/breadcrumb.tsx
+++ b/src/components/ui/breadcrumb.tsx
@@ -10,7 +10,7 @@ function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">) {
     <nav
       aria-label="breadcrumb"
       data-slot="breadcrumb"
-      className={cn(className)}
+      className={cn("min-w-0", className)}
       {...props}
     />
   )
@@ -21,7 +21,7 @@ function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
     <ol
       data-slot="breadcrumb-list"
       className={cn(
-        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground sm:gap-2.5",
+        "flex flex-nowrap w-full whitespace-nowrap overflow-x-auto gap-1.5 text-sm text-muted-foreground sm:gap-2.5",
         className
       )}
       {...props}

From da63582988968bed453ce008294dfe72987f0aba Mon Sep 17 00:00:00 2001
From: crynta <3nnigma.dev@gmail.com>
Date: Mon, 22 Jun 2026 18:54:16 +0200
Subject: [PATCH 2/2] fix(breadcrumb): keep items-center while enabling
 horizontal overflow

---
 src/components/ui/breadcrumb.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ui/breadcrumb.tsx b/src/components/ui/breadcrumb.tsx
index 233faf883..a1b0874ee 100644
--- a/src/components/ui/breadcrumb.tsx
+++ b/src/components/ui/breadcrumb.tsx
@@ -21,7 +21,7 @@ function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
     <ol
       data-slot="breadcrumb-list"
       className={cn(
-        "flex flex-nowrap w-full whitespace-nowrap overflow-x-auto gap-1.5 text-sm text-muted-foreground sm:gap-2.5",
+        "flex flex-nowrap items-center w-full whitespace-nowrap overflow-x-auto gap-1.5 text-sm text-muted-foreground sm:gap-2.5",
         className
       )}
       {...props}