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 */ -
+

{ __( 'Top content over the last 28 days', 'google-site-kit' ) }

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; + } + } } } }