From ff91b906165eea4b0555ebb597b8933f1c31cdcf Mon Sep 17 00:00:00 2001
From: Aleksej <aleksej.vukomanovic@10up.com>
Date: Mon, 13 Jan 2025 14:53:51 +0100
Subject: [PATCH 1/2] Update styles.

---
 .../wp-dashboard/_googlesitekit-wp-dashboard.scss   | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/assets/sass/components/wp-dashboard/_googlesitekit-wp-dashboard.scss b/assets/sass/components/wp-dashboard/_googlesitekit-wp-dashboard.scss
index 5dd2c4469f5..e4123acbef9 100644
--- a/assets/sass/components/wp-dashboard/_googlesitekit-wp-dashboard.scss
+++ b/assets/sass/components/wp-dashboard/_googlesitekit-wp-dashboard.scss
@@ -115,10 +115,17 @@
 		}
 
 		&.googlesitekit-wp-dashboard-search_console_active_and_connected {
-			min-height: 1080px;
+			min-height: 650px;
 
-			@media (max-width: $bp-mobileOnly) {
-				min-height: 870px;
+			.googlesitekit-search-console-widget {
+
+				&:not(.googlesitekit-search-console-widget--empty-data) {
+					min-height: 430px;
+
+					@media (max-width: $bp-mobileOnly) {
+						min-height: 220px;
+					}
+				}
 			}
 		}
 	}

From 2e151ca4799034af8649dcc70b91250d1206ae2f Mon Sep 17 00:00:00 2001
From: Aleksej <aleksej.vukomanovic@10up.com>
Date: Mon, 13 Jan 2025 14:54:17 +0100
Subject: [PATCH 2/2] Add googlesitekit-search-console-widget--empty-data
 class.

---
 .../components/wp-dashboard/WPDashboardPopularPagesGA4.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/assets/js/components/wp-dashboard/WPDashboardPopularPagesGA4.js b/assets/js/components/wp-dashboard/WPDashboardPopularPagesGA4.js
index afe4e889550..7cda4c0df0e 100644
--- a/assets/js/components/wp-dashboard/WPDashboardPopularPagesGA4.js
+++ b/assets/js/components/wp-dashboard/WPDashboardPopularPagesGA4.js
@@ -21,6 +21,7 @@
  */
 import { cloneDeep } from 'lodash';
 import PropTypes from 'prop-types';
+import classnames from 'classnames';
 
 /**
  * WordPress dependencies
@@ -148,7 +149,12 @@ export default function WPDashboardPopularPagesGA4( {
 
 	return (
 		/* TODO: decouple the styles from search-console class */
-		<div className="googlesitekit-search-console-widget">
+		<div
+			className={ classnames( 'googlesitekit-search-console-widget', {
+				'googlesitekit-search-console-widget--empty-data':
+					isGatheringData || ! rows?.length,
+			} ) }
+		>
 			<h3>
 				{ __( 'Top content over the last 28 days', 'google-site-kit' ) }
 			</h3>