From 6986b13f2d759ced09bd4f06fcad297bd406cf1d Mon Sep 17 00:00:00 2001
From: Jorge Costa <jorge.costa@developer.pt>
Date: Thu, 29 Aug 2024 11:54:22 +0200
Subject: [PATCH] Fix: Impossible to see pagination on viewports between small
 and medium. (#64844)

Co-authored-by: jorgefilipecosta <jorgefilipecosta@git.wordpress.org>
Co-authored-by: jameskoster <jameskoster@git.wordpress.org>
Co-authored-by: t-hamano <wildworks@git.wordpress.org>
---
 packages/edit-site/src/components/page/style.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/edit-site/src/components/page/style.scss b/packages/edit-site/src/components/page/style.scss
index 99c8d793c6f3a..03e062a576b6e 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 {