diff --git a/theme/boost/scss/moodle/debug.scss b/theme/boost/scss/moodle/debug.scss
index 0a00837a731..a9a7e3e1cc6 100644
--- a/theme/boost/scss/moodle/debug.scss
+++ b/theme/boost/scss/moodle/debug.scss
@@ -90,3 +90,14 @@ body.behat-site {
     background-color: #99c;
     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 ebdf02bd531..d0f17200809 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -19914,6 +19914,12 @@ body.behat-site.path-grade-report-grader .gradeparent tr.heading {
   background-color: #99c;
   font-weight: bold; }
 
+body > .debuggingmessage {
+  margin-top: 60px; }
+
+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 01e8c66d9b2..74a3d784a89 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -19860,6 +19860,12 @@ body.behat-site.path-grade-report-grader .gradeparent tr.heading {
   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.
  */