diff --git a/packages/edit-site/src/components/page/style.scss b/packages/edit-site/src/components/page/style.scss index 99c8d793c6f3a3..03e062a576b6e6 100644 --- a/packages/edit-site/src/components/page/style.scss +++ b/packages/edit-site/src/components/page/style.scss @@ -1,11 +1,15 @@ .edit-site-page { color: $gray-800; background: $white; - height: 100%; + height: calc(100% - #{$header-height}); /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */ container: edit-site-page / inline-size; transition: width ease-out 0.2s; @include reduce-motion("transition"); + + @include break-medium() { + height: 100%; + } } .edit-site-page-header {