From 8ae5e1dc5d42d43cbff70537176ee97d924593fd Mon Sep 17 00:00:00 2001
From: Domagoj Kriskovic <dom.kriskovic@overleaf.com>
Date: Wed, 22 Jan 2025 13:16:56 +0100
Subject: [PATCH] Fix main height when system messages are shown (#22988)

GitOrigin-RevId: 0b5c6d22f61788475fc2c8595fd34e927a9f2303
---
 .../frontend/stylesheets/bootstrap-5/pages/editor/ide.scss    | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide.scss
index 2fa76cfb77..c1a01fccec 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide.scss
@@ -16,6 +16,8 @@ $editor-toggler-bg-dark-color: color.adjust(
 }
 
 #ide-root {
+  display: flex;
+  flex-direction: column;
   height: 100vh; /* for backwards compatibility */
   height: 100dvh; /* needed for mobile devices */
 
@@ -71,7 +73,7 @@ $editor-toggler-bg-dark-color: color.adjust(
 }
 
 .ide-react-main {
-  height: 100%;
+  flex: 1;
   display: flex;
   flex-direction: column;