From c0e9f2b95a35ebd161e0729c3bdc9b0113ef18ab Mon Sep 17 00:00:00 2001
From: Leonard Kim <leonard.kim@8x8.com>
Date: Wed, 17 Jul 2019 15:04:35 -0700
Subject: [PATCH] fix(chat): workaround for chat scroll causing layout
 misalignment

---
 react/features/chat/components/web/MessageContainer.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

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'
         });
     }