diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
index d4f7f526a6c..b3c9917f46e 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -2254,6 +2254,15 @@ $switch-transition: .2s all !default;
     min-height: 3.125rem;
 }
 
+body.h5p-embed {
+    #maincontent {
+        display: none;
+    }
+    .h5pmessages {
+        min-height: 230px; // This should be the same height as default core_h5p iframes.
+    }
+}
+
 .text-decoration-none {
     text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
 }
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 741ae8f02cb..bd6625d7a13 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -11452,6 +11452,12 @@ div.editor_atto_toolbar button .icon {
 .paged-content-page-container {
   min-height: 3.125rem; }
 
+body.h5p-embed #maincontent {
+  display: none; }
+
+body.h5p-embed .h5pmessages {
+  min-height: 230px; }
+
 .text-decoration-none {
   text-decoration: none !important;
   /* stylelint-disable-line declaration-no-important */ }
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 6620b423d23..b9030653c4f 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -11707,6 +11707,12 @@ div.editor_atto_toolbar button .icon {
 .paged-content-page-container {
   min-height: 3.125rem; }
 
+body.h5p-embed #maincontent {
+  display: none; }
+
+body.h5p-embed .h5pmessages {
+  min-height: 230px; }
+
 .text-decoration-none {
   text-decoration: none !important;
   /* stylelint-disable-line declaration-no-important */ }