diff --git a/chat/src/features/chat/ChatMessage.css b/chat/src/features/chat/ChatMessage.css
index d338ad70f..4d97ee01b 100644
--- a/chat/src/features/chat/ChatMessage.css
+++ b/chat/src/features/chat/ChatMessage.css
@@ -45,6 +45,7 @@
   margin-right: 0.5rem;
   word-wrap: break-word;
   display: inline-block;
+  max-height: 50vh;
 }
 
 .ChatMessage-button {
diff --git a/files/assets/css/chat_done.css b/files/assets/css/chat_done.css
index 1b1ef80f0..c8df9a760 100644
--- a/files/assets/css/chat_done.css
+++ b/files/assets/css/chat_done.css
@@ -195,6 +195,7 @@ lite-youtube {
   margin-right: 0.5rem;
   word-wrap: break-word;
   display: inline-block;
+  max-height: 50vh;
 }
 .ChatMessage-button {
   margin: 0 0.5rem;