From 83ae3f5509c7df8c846210cc3bb2efaf52188b10 Mon Sep 17 00:00:00 2001
From: scar055 <rowanvanlaar@gmail.com>
Date: Wed, 5 Jun 2024 11:59:47 +0200
Subject: [PATCH] chore: the breadcrumb separator moved outside link

---
 .../ui/src/components/Breadcrumb/index.tsx    | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/ui/src/components/Breadcrumb/index.tsx b/packages/ui/src/components/Breadcrumb/index.tsx
index 075227ddb..0338d5eea 100644
--- a/packages/ui/src/components/Breadcrumb/index.tsx
+++ b/packages/ui/src/components/Breadcrumb/index.tsx
@@ -63,6 +63,11 @@ export const Breadcrumbs = ({ links, Link = UtrechtLink, backLink, breakpoint =
         links.map(({ href, label, current }: any, index: number) =>
           label ? (
             <Fragment key={`${href}-${index}`}>
+              {links.length === 1 && label?.toLowerCase() !== 'home' && (
+                <BreadcrumbNavSeparator>
+                  <UtrechtIconChevronLeft />
+                </BreadcrumbNavSeparator>
+              )}
               <BreadcrumbNavLink
                 className={css('utrecht-link', 'utrecht-link--html-a', 'utrecht-breadcrumb-nav__link-custom')}
                 href={href}
@@ -71,18 +76,13 @@ export const Breadcrumbs = ({ links, Link = UtrechtLink, backLink, breakpoint =
                 current={current}
                 Link={UtrechtLink}
               >
-                {links.length === 1 && label?.toLowerCase() !== 'home' && (
-                  <BreadcrumbNavSeparator>
-                    <UtrechtIconChevronLeft />
-                  </BreadcrumbNavSeparator>
-                )}
                 {label}
-                {index !== links.length - 1 && (
-                  <BreadcrumbNavSeparator>
-                    <UtrechtIconChevronRight />
-                  </BreadcrumbNavSeparator>
-                )}
               </BreadcrumbNavLink>
+              {index !== links.length - 1 && (
+                <BreadcrumbNavSeparator>
+                  <UtrechtIconChevronRight />
+                </BreadcrumbNavSeparator>
+              )}
             </Fragment>
           ) : null,
         )}