Fix content overflowing out of their container in lists (#2939)

Author: clairechabas

.changeset/red-lizards-work.md

@@ -0,0 +1,5 @@
+---
+'gitbook': patch
+---
+
+Fix content overflowing out of its container in tabs

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

@@ -21,7 +21,7 @@ export function List(
             tag={getListTag(block.type)}
             nodes={block.nodes}
             ancestorBlocks={[...ancestorBlocks, block]}
-            style={['space-y-2', style]}
+            style={['min-w-0 space-y-2', style]}
         />
     );
 }

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

@@ -41,7 +41,7 @@ export function ListItem(props: BlockProps<DocumentBlockListItem>) {
                 // Override the "mx-auto" class from UnwrappedBlocks
                 'mx-0'
             )}
-            style="flex flex-1 flex-col space-y-2"
+            style="flex min-w-0 flex-1 flex-col space-y-2"
         />
     );