From 5a4e07babeb1d4d3af7af5f4e7294fb758fb80b9 Mon Sep 17 00:00:00 2001
From: Milorad Filipovic <milorad@n8n.io>
Date: Wed, 21 Aug 2024 10:39:35 +0200
Subject: [PATCH] fix: Fix overflow in AI Assistant chat messages

---
 .../src/components/AskAssistantChat/AskAssistantChat.vue  | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/design-system/src/components/AskAssistantChat/AskAssistantChat.vue b/packages/design-system/src/components/AskAssistantChat/AskAssistantChat.vue
index ff7ba2147b8eb..a1ae2e8e88464 100644
--- a/packages/design-system/src/components/AskAssistantChat/AskAssistantChat.vue
+++ b/packages/design-system/src/components/AskAssistantChat/AskAssistantChat.vue
@@ -308,12 +308,14 @@ p {
 	border: var(--border-base);
 	border-top: 0;
 	height: 100%;
-	overflow: scroll;
+	overflow-x: hidden;
+	overflow-y: auto;
 	padding-bottom: 250px; // make scrollable at the end
 	position: relative;
 
-	pre {
-		text-wrap: stable;
+	pre,
+	code {
+		text-wrap: wrap;
 	}
 }