From 86b6c6a83637b6e5e19c93bb445ac208ba2f5732 Mon Sep 17 00:00:00 2001
From: Dariusz Niemczyk <dariuszn@element.io>
Date: Fri, 20 Aug 2021 15:57:22 +0200
Subject: [PATCH] Fix room views not having proper container

---
 res/css/structures/_RoomView.scss          | 7 +++++++
 src/components/structures/LoggedInView.tsx | 4 +++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/res/css/structures/_RoomView.scss b/res/css/structures/_RoomView.scss
index 84f28b5ada..5c20f675f9 100644
--- a/res/css/structures/_RoomView.scss
+++ b/res/css/structures/_RoomView.scss
@@ -14,6 +14,13 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+.mx_RoomView_wrapper {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    position: relative;
+}
+
 .mx_RoomView {
     word-wrap: break-word;
     display: flex;
diff --git a/src/components/structures/LoggedInView.tsx b/src/components/structures/LoggedInView.tsx
index 85b62637e6..6008268877 100644
--- a/src/components/structures/LoggedInView.tsx
+++ b/src/components/structures/LoggedInView.tsx
@@ -656,7 +656,9 @@ class LoggedInView extends React.Component<IProps, IState> {
                             />
                             <ResizeHandle />
                         </div>
-                        { pageElement }
+                        <div className="mx_RoomView_wrapper">
+                            { pageElement }
+                        </div>
                     </div>
                 </div>
                 <CallContainer />