From d35b17686fbfcefee56d5bd742a3a4df9d1f0900 Mon Sep 17 00:00:00 2001
From: Sha'an <35802638+shaanaliyev@users.noreply.github.com>
Date: Thu, 18 May 2023 10:08:55 +0400
Subject: [PATCH] fix: UserCard content box overflow (#610)

---
 CHANGELOG-nightly.md                                         | 1 +
 src/site/twitch.tv/modules/chat/components/user/UserCard.vue | 1 +
 2 files changed, 2 insertions(+)

diff --git a/CHANGELOG-nightly.md b/CHANGELOG-nightly.md
index 6bac05aee..f88addfd5 100644
--- a/CHANGELOG-nightly.md
+++ b/CHANGELOG-nightly.md
@@ -6,6 +6,7 @@
 -   Added sub duration & account creation date in the User Card
 -   Added a button to open an emote's full page from the emote card
 -   Fixed an issue where clicking the upper drag region in the User Card opened the user's channel
+-   Fixed UserCard content overflowing due to long messages
 
 ### Version 3.0.7.1000
 
diff --git a/src/site/twitch.tv/modules/chat/components/user/UserCard.vue b/src/site/twitch.tv/modules/chat/components/user/UserCard.vue
index 4a1ebc7b6..268528531 100644
--- a/src/site/twitch.tv/modules/chat/components/user/UserCard.vue
+++ b/src/site/twitch.tv/modules/chat/components/user/UserCard.vue
@@ -671,6 +671,7 @@ main.seventv-user-card-container {
 	grid-template-rows: 0.5fr 2.5fr;
 	grid-auto-flow: row;
 	max-height: 26rem;
+	word-break: break-word;
 	grid-template-areas:
 		"tabs"
 		"messagelist";