diff --git a/api_webchat/messagesArea.js b/api_webchat/messagesArea.js
index 7958fa28..9bc31b71 100644
--- a/api_webchat/messagesArea.js
+++ b/api_webchat/messagesArea.js
@@ -33,10 +33,11 @@ messagesAreaStyle.textContent = `
     #messages {
         display: flex;
         flex-direction: column;
-        justify-content: flex-end;
         min-height: 100%;
         margin-left: var(--margin);
         margin-right: var(--margin);
+        overflow-y: auto;
+        max-height: 100%;
     }
     .message {
         margin: 0;