diff --git a/wagtail/admin/static_src/wagtailadmin/scss/layouts/page-editor.scss b/wagtail/admin/static_src/wagtailadmin/scss/layouts/page-editor.scss
index ec5f269e6..b927af0a1 100644
--- a/wagtail/admin/static_src/wagtailadmin/scss/layouts/page-editor.scss
+++ b/wagtail/admin/static_src/wagtailadmin/scss/layouts/page-editor.scss
@@ -36,7 +36,7 @@
     .header-title {
         padding-left: 3.1em;
 
-        @include medium {
+        @media screen and (max-width: $breakpoint-mobile) {
             padding-left: 0;
             margin-left: -28px;
             // Because it's nested within tab-merged which we've given padding