Fix overflowing recommended follow up questions in assistant (#3502)

Author: valentin0h

packages/gitbook/src/components/AIChat/AiChatFollowupSuggestions.tsx

@@ -15,15 +15,15 @@ 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}
                     onClick={() => {
                         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={{