diff --git a/theme/boost/scss/moodle/debug.scss b/theme/boost/scss/moodle/debug.scss
index 9f1f0745c74..b6882fc0a04 100644
--- a/theme/boost/scss/moodle/debug.scss
+++ b/theme/boost/scss/moodle/debug.scss
@@ -75,3 +75,13 @@ body.behat-site {
     font-weight: bold;
 }
 
+// PHP debug messages.
+
+body > .debuggingmessage {
+    margin-top: $navbar-height;
+}
+
+body > .debuggingmessage ~ .debuggingmessage {
+    margin-top: .5rem;
+}
+
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 96fe44f4304..9d634b381fb 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -18917,6 +18917,12 @@ body.behat-site [data-region="message-drawer"] {
   background-color: #99c;
   font-weight: bold; }
 
+body > .debuggingmessage {
+  margin-top: 50px; }
+
+body > .debuggingmessage ~ .debuggingmessage {
+  margin-top: .5rem; }
+
 /**
  * This file contains the styles required to make the footer sticky.
  */
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index d1a3c364ae3..fc12148a251 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -19106,6 +19106,12 @@ body.behat-site [data-region="message-drawer"] {
   background-color: #99c;
   font-weight: bold; }
 
+body > .debuggingmessage {
+  margin-top: 50px; }
+
+body > .debuggingmessage ~ .debuggingmessage {
+  margin-top: .5rem; }
+
 /**
  * This file contains the styles required to make the footer sticky.
  */