From dceca05fb49c22ace53b90d350f54d5dc32bad54 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Sun, 26 Apr 2026 14:16:09 +0100
Subject: [PATCH] Fix non-sticky Header title duplication

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 packages/ui/src/components/Header/Header.tsx | 50 ++++++++++----------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/packages/ui/src/components/Header/Header.tsx b/packages/ui/src/components/Header/Header.tsx
index 1313555daa..d46468799e 100644
--- a/packages/ui/src/components/Header/Header.tsx
+++ b/packages/ui/src/components/Header/Header.tsx
@@ -183,30 +183,32 @@ export const Header = (props: HeaderProps) => {
               ))}
             <h2 className={classes.title}>{title}</h2>
           </div>
-          <div
-            className={classes.breadcrumbsSmall}
-            aria-hidden={!isStuck || undefined}
-          >
-            {breadcrumbs &&
-              breadcrumbs.map(breadcrumb => (
-                <Fragment key={breadcrumb.label}>
-                  <Link
-                    href={isStuck ? breadcrumb.href : undefined}
-                    color="secondary"
-                    className={classes.breadcrumbLinkSmall}
-                    standalone
-                  >
-                    {breadcrumb.label}
-                  </Link>
-                  <RiArrowRightSLine
-                    className={classes.breadcrumbSeparator}
-                    size={16}
-                    color="var(--bui-fg-secondary)"
-                  />
-                </Fragment>
-              ))}
-            <h2 className={classes.titleSmall}>{title}</h2>
-          </div>
+          {sticky && (
+            <div
+              className={classes.breadcrumbsSmall}
+              aria-hidden={!isStuck || undefined}
+            >
+              {breadcrumbs &&
+                breadcrumbs.map(breadcrumb => (
+                  <Fragment key={breadcrumb.label}>
+                    <Link
+                      href={isStuck ? breadcrumb.href : undefined}
+                      color="secondary"
+                      className={classes.breadcrumbLinkSmall}
+                      standalone
+                    >
+                      {breadcrumb.label}
+                    </Link>
+                    <RiArrowRightSLine
+                      className={classes.breadcrumbSeparator}
+                      size={16}
+                      color="var(--bui-fg-secondary)"
+                    />
+                  </Fragment>
+                ))}
+              <h2 className={classes.titleSmall}>{title}</h2>
+            </div>
+          )}
         </div>
         <div className={classes.controls}>{customActions}</div>
       </div>