diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
index cf98dde277b..a7fa7e05333 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -2411,6 +2411,7 @@ $picker-emojis-per-row: 7 !default;
 
 .toast-wrapper {
     max-width: $toast-max-width;
+    max-height: 0;
     // Place these above any modals and other elements.
     z-index: 1051;
 }
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index e9128b9ad27..bf77d330fea 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -11567,6 +11567,7 @@ body.h5p-embed .h5pmessages {
 
 .toast-wrapper {
   max-width: 350px;
+  max-height: 0;
   z-index: 1051; }
 
 .icon {
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 2775731d5a9..3fa11e1c32a 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -11822,6 +11822,7 @@ body.h5p-embed .h5pmessages {
 
 .toast-wrapper {
   max-width: 350px;
+  max-height: 0;
   z-index: 1051; }
 
 .icon {