diff --git a/react/features/chat/components/web/MessageContainer.js b/react/features/chat/components/web/MessageContainer.js
index fef9e43c4..659d5892f 100644
--- a/react/features/chat/components/web/MessageContainer.js
+++ b/react/features/chat/components/web/MessageContainer.js
@@ -100,7 +100,8 @@ export default class MessageContainer extends AbstractMessageContainer {
      */
     scrollToBottom(withAnimation: boolean) {
         this._messagesListEndRef.current.scrollIntoView({
-            behavior: withAnimation ? 'smooth' : 'auto'
+            behavior: withAnimation ? 'smooth' : 'auto',
+            block: 'nearest'
         });
     }