diff --git a/.changeset/lovely-radios-worry.md b/.changeset/lovely-radios-worry.md
new file mode 100644
index 000000000000..3df19340ca55
--- /dev/null
+++ b/.changeset/lovely-radios-worry.md
@@ -0,0 +1,6 @@
+---
+"@gradio/chatbot": patch
+"gradio": patch
+---
+
+fix:Fixes avatar image in chatbot being squashed
diff --git a/js/chatbot/static/ChatBot.svelte b/js/chatbot/static/ChatBot.svelte
index e24f303a7633..8bad3c6b7a42 100644
--- a/js/chatbot/static/ChatBot.svelte
+++ b/js/chatbot/static/ChatBot.svelte
@@ -267,6 +267,7 @@
 		font-size: var(--text-lg);
 		line-height: var(--line-lg);
 		overflow-wrap: break-word;
+		overflow-x: hidden;
 	}
 	.message-fit {
 		width: fit-content !important;
@@ -319,6 +320,7 @@
 		justify-content: center;
 		width: 35px;
 		height: 35px;
+		flex-shrink: 0;
 		bottom: 0;
 	}
 	.user-row > .avatar-container {