From 96079ff4dd6b3b26ae5942329acb19bae9c3e72f Mon Sep 17 00:00:00 2001
From: Zeno Kapitein <zeno@gitbook.io>
Date: Tue, 16 Dec 2025 23:28:20 +0100
Subject: [PATCH] Switch main DocumentView to `flex` layout

Making the main view a flex layout instead of a single-column grid will make content easier to truncate content horizontally. Blocks that need it (like columns) can still use their own grid.
---
 packages/gitbook/src/components/PageBody/PageBody.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/gitbook/src/components/PageBody/PageBody.tsx b/packages/gitbook/src/components/PageBody/PageBody.tsx
index 5997f2145f..8df62ca9fa 100644
--- a/packages/gitbook/src/components/PageBody/PageBody.tsx
+++ b/packages/gitbook/src/components/PageBody/PageBody.tsx
@@ -105,7 +105,7 @@ export function PageBody(props: {
                         <SuspenseLoadedHint />
                         <DocumentView
                             document={document}
-                            style="grid [&>*+*]:mt-5"
+                            style="flex flex-col [&>*+*]:mt-5"
                             blockStyle="page-api-block:ml-0"
                             context={{
                                 mode: 'default',