From 4bb670cb0e61434c3688f98b46dcdc6d63902759 Mon Sep 17 00:00:00 2001
From: Andrew <15331990+ahuang11@users.noreply.github.com>
Date: Wed, 8 Jan 2025 04:45:21 -0800
Subject: [PATCH] fix chat message align (#7563)

---
 panel/dist/css/chat_message.css | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/panel/dist/css/chat_message.css b/panel/dist/css/chat_message.css
index 084785ec3a..7727019bd5 100644
--- a/panel/dist/css/chat_message.css
+++ b/panel/dist/css/chat_message.css
@@ -85,7 +85,7 @@
   width: fit-content;
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: left;
   overflow-wrap: anywhere;
   word-break: break-word;
 }
@@ -147,3 +147,19 @@
   font-size: 1.25em;
   line-height: 0.9em;
 }
+
+pre {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
+
+p {
+  overflow-wrap: break-word;
+}
+
+code {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}