Fix headings styles in hint block (#3497)

Author: clairechabas

.changeset/many-moons-shave.md

@@ -0,0 +1,5 @@
+---
+"gitbook": patch
+---
+
+Fix headings styles in hint block

packages/gitbook/src/components/DocumentView/Heading.tsx

@@ -46,6 +46,8 @@ export function Heading(props: BlockProps<DocumentBlockHeading>) {
                     'flex-1',
                     'z-[1]',
                     'justify-self-start',
+                    'max-w-full',
+                    'break-words',
                     getTextAlignment(block.data.align),
                     textStyle.lineHeight
                 )}

packages/gitbook/src/components/DocumentView/Hint.tsx

@@ -52,8 +52,10 @@ export function Hint(props: BlockProps<DocumentBlockHint>) {
             {hasHeading ? (
                 <Block
                     style={tcls(
-                        'flip-heading-hash !py-4 items-start px-4 pl-3 text-[1em] *:flex-none',
-                        hasHeading ? hintStyle.header : null
+                        '!py-4 w-full items-start pl-3 text-[1em] *:flex-none',
+                        // Heading hash styles
+                        'flip-heading-hash pr-8',
+                        hintStyle.header
                     )}
                     ancestorBlocks={[...ancestorBlocks, block]}
                     {...contextProps}