Fix width of assistant's chatbot bubble (#8766)

* fix width * add changeset * format * add changeset --------- Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com> Co-authored-by: Abubakar Abid <abubakar@huggingface.co>
gradio-app · Jul 12, 2024 · 2b4636e · 2b4636e
1 parent 1b74e21
commit 2b4636e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/slimy-badgers-taste.md b/.changeset/slimy-badgers-taste.md
@@ -0,0 +1,6 @@
+---
+"@gradio/chatbot": patch
+"gradio": patch
+---
+
+feat:Fix width of assistant's chatbot bubble
diff --git a/js/chatbot/shared/ChatBot.svelte b/js/chatbot/shared/ChatBot.svelte
@@ -593,7 +593,7 @@
 
 	.message-row.bubble.bot-row {
 		align-self: flex-start;
-		width: calc(100% - var(--spacing-xl) * 6);
+		max-width: calc(100% - var(--spacing-xl) * 6);
 	}
 
 	.message-row:last-of-type {