From ff05e20537c1070d062bfac7ecd6f8b05987bc37 Mon Sep 17 00:00:00 2001
From: Zeno Kapitein <zenomilan@me.com>
Date: Thu, 13 Feb 2025 13:44:16 +0100
Subject: [PATCH] Improvements to inline images in headings (#2829)

---
 .changeset/lazy-seas-drop.md                          |  5 +++++
 .../gitbook/src/components/DocumentView/Heading.tsx   | 11 ++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/lazy-seas-drop.md

diff --git a/.changeset/lazy-seas-drop.md b/.changeset/lazy-seas-drop.md
new file mode 100644
index 000000000..78a6eb997
--- /dev/null
+++ b/.changeset/lazy-seas-drop.md
@@ -0,0 +1,5 @@
+---
+'gitbook': patch
+---
+
+Improvements to inline images in headings
diff --git a/packages/gitbook/src/components/DocumentView/Heading.tsx b/packages/gitbook/src/components/DocumentView/Heading.tsx
index 34f0c963f..36ba1a18f 100644
--- a/packages/gitbook/src/components/DocumentView/Heading.tsx
+++ b/packages/gitbook/src/components/DocumentView/Heading.tsx
@@ -64,7 +64,16 @@ export function Heading(props: BlockProps<DocumentBlockHeading>) {
                     />
                 </a>
             </div>
-            <div className={tcls('grid-area-1-1', 'z-[1]', textStyle.marginTop)}>
+            <div
+                className={tcls(
+                    'grid-area-1-1',
+                    'z-[1]',
+                    'justify-self-start',
+                    'text-left',
+                    textStyle.lineHeight,
+                    textStyle.marginTop,
+                )}
+            >
                 <Inlines {...rest} context={context} nodes={block.nodes} ancestorInlines={[]} />
             </div>
         </Tag>