From 56331d2e74699be906089dc4c7ae3783816d4e28 Mon Sep 17 00:00:00 2001
From: Zeno Kapitein <zenomilan@me.com>
Date: Tue, 14 Jan 2025 11:46:26 +0100
Subject: [PATCH] Fix breadcrumbs emoji display + add contrast styles (#2735)

---
 .changeset/two-beans-smell.md                           | 5 +++++
 packages/gitbook/src/components/PageBody/PageHeader.tsx | 6 ++++--
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/two-beans-smell.md

diff --git a/.changeset/two-beans-smell.md b/.changeset/two-beans-smell.md
new file mode 100644
index 000000000..4335214c8
--- /dev/null
+++ b/.changeset/two-beans-smell.md
@@ -0,0 +1,5 @@
+---
+'gitbook': patch
+---
+
+Fix breadcrumbs emoji display + add contrast styles
diff --git a/packages/gitbook/src/components/PageBody/PageHeader.tsx b/packages/gitbook/src/components/PageBody/PageHeader.tsx
index ba1bb304e..504ac8826 100644
--- a/packages/gitbook/src/components/PageBody/PageHeader.tsx
+++ b/packages/gitbook/src/components/PageBody/PageHeader.tsx
@@ -37,12 +37,14 @@ export async function PageHeader(props: {
                                 'uppercase',
                                 'flex',
                                 'items-center',
-                                'gap-1',
+                                'gap-1.5',
+                                'contrast-more:underline',
+                                'contrast-more:decoration-current',
                             )}
                         >
                             <PageIcon
                                 page={breadcrumb}
-                                style={tcls('size-4', 'text-base', 'leading-none')}
+                                style="size-4 flex items-center justify-center text-base leading-none"
                             />
                             {breadcrumb.title}
                         </StyledLink>