From d685a8e0228489d4287c5f4763f6b536be339e68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=98=9F=E5=BC=A6=E8=AF=AD?= <xu060805@gmail.com>
Date: Tue, 30 Sep 2025 19:14:34 +0800
Subject: [PATCH 1/3] fix(bubbleVariant): whitespace-pre-wrap and break-words

---
 src/bubble/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/bubble/index.tsx b/src/bubble/index.tsx
index 9506f1f..08d97ce 100644
--- a/src/bubble/index.tsx
+++ b/src/bubble/index.tsx
@@ -12,7 +12,7 @@ import type { MessageParam } from "../utils";
 import { BlockQuote, CodeBlock, Heading, Link } from "./markdown";
 
 const bubbleVariants = cva(
-  "flex flex-col gap-1 justify-center rounded-lg dark:text-gray-200 text-gray-800 max-w-full overflow-x-auto",
+  "flex flex-col gap-1 justify-center rounded-lg dark:text-gray-200 text-gray-800 max-w-full whitespace-pre-wrap break-words",
   {
     variants: {
       size: {
@@ -359,4 +359,4 @@ export const BubbleList = memo(function BubbleList({
       )}
     </div>
   );
-});
+});
\ No newline at end of file

From fba53861407be4fb1466447a88c736760527679c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=98=9F=E5=BC=A6=E8=AF=AD?= <xu060805@gmail.com>
Date: Wed, 1 Oct 2025 18:42:13 +0800
Subject: [PATCH 2/3] fix: lint

---
 src/bubble/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/bubble/index.tsx b/src/bubble/index.tsx
index 08d97ce..a7bd11f 100644
--- a/src/bubble/index.tsx
+++ b/src/bubble/index.tsx
@@ -359,4 +359,4 @@ export const BubbleList = memo(function BubbleList({
       )}
     </div>
   );
-});
\ No newline at end of file
+});

From d11a8d8fcc2dbbf020855d20e6fcdb929cd7a0cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8B=8F=E5=90=91=E5=A4=9C?=
 <46275354+fu050409@users.noreply.github.com>
Date: Tue, 12 May 2026 13:46:46 +0800
Subject: [PATCH 3/3] chore: add bubble changeset

Fixed an issue where the `Bubble` component would overflow horizontally when a single word was too long.
---
 .changes/fix-bubble-x-overflow.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changes/fix-bubble-x-overflow.md

diff --git a/.changes/fix-bubble-x-overflow.md b/.changes/fix-bubble-x-overflow.md
new file mode 100644
index 0000000..3f1569e
--- /dev/null
+++ b/.changes/fix-bubble-x-overflow.md
@@ -0,0 +1,5 @@
+---
+"@matechat/react": patch:fix
+---
+
+Fixed an issue where the `Bubble` component would overflow horizontally when a single word was too long.