From fd3787ce822797a9de294917887d77ee3ec73f96 Mon Sep 17 00:00:00 2001
From: Dariusz Niemczyk <dariuszn@element.io>
Date: Fri, 20 Aug 2021 13:03:08 +0200
Subject: [PATCH] Fix modern layout

---
 src/components/structures/LoggedInView.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/structures/LoggedInView.tsx b/src/components/structures/LoggedInView.tsx
index 44c65c73ff..f4ad933d64 100644
--- a/src/components/structures/LoggedInView.tsx
+++ b/src/components/structures/LoggedInView.tsx
@@ -623,9 +623,12 @@ class LoggedInView extends React.Component<IProps, IState> {
                 break;
         }
 
+        const wrapperClasses = classNames({
+            'mx_MatrixChat_wrapper': true,
+            'mx_MatrixChat_useCompactLayout': this.state.useCompactLayout,
+        });
         const bodyClasses = classNames({
             'mx_MatrixChat': true,
-            'mx_MatrixChat_useCompactLayout': this.state.useCompactLayout,
             'mx_MatrixChat--with-avatar': this.state.backgroundImage,
         });
 
@@ -640,7 +643,7 @@ class LoggedInView extends React.Component<IProps, IState> {
                 <div
                     onPaste={this.onPaste}
                     onKeyDown={this.onReactKeyDown}
-                    className='mx_MatrixChat_wrapper'
+                    className={wrapperClasses}
                     aria-hidden={this.props.hideToSRUsers}
                 >
                     <ToastContainer />