From 56d1b8fe2d4220d8182e204f35be103de2b649fc Mon Sep 17 00:00:00 2001
From: Valentino Hudhra <2587839+valentin0h@users.noreply.github.com>
Date: Thu, 24 Jul 2025 11:03:04 +0200
Subject: [PATCH] Fix overflowing recommended follow up questions in assistant
 (#3502)

---
 .../src/components/AIChat/AiChatFollowupSuggestions.tsx       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/gitbook/src/components/AIChat/AiChatFollowupSuggestions.tsx b/packages/gitbook/src/components/AIChat/AiChatFollowupSuggestions.tsx
index 33eb6b29e..be4a80c20 100644
--- a/packages/gitbook/src/components/AIChat/AiChatFollowupSuggestions.tsx
+++ b/packages/gitbook/src/components/AIChat/AiChatFollowupSuggestions.tsx
@@ -15,7 +15,7 @@ export function AIChatFollowupSuggestions(props: {
     }
 
     return (
-        <div className="mt-auto flex flex-row flex-wrap justify-end gap-2">
+        <div className="mt-auto flex w-full flex-wrap justify-end gap-2">
             {chat.followUpSuggestions.map((suggestion, index) => (
                 <Button
                     key={index}
@@ -23,7 +23,7 @@ export function AIChatFollowupSuggestions(props: {
                         chatController.postMessage({ message: suggestion });
                     }}
                     label={suggestion}
-                    className="animate-[present_500ms_both] whitespace-normal text-left ring-1 ring-tint-subtle"
+                    className="!whitespace-normal max-w-full animate-[present_500ms_both] text-left ring-1 ring-tint-subtle"
                     size="medium"
                     variant="blank"
                     style={{