Improvements to inline images in headings (#2829)

Author: zenoachtig

.changeset/lazy-seas-drop.md

@@ -0,0 +1,5 @@
+---
+'gitbook': patch
+---
+
+Improvements to inline images in headings

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>