From 0bdc69507ea0d6a235cb0e3e6bd5c781f2129ce2 Mon Sep 17 00:00:00 2001
From: Dognose <dognose24@gmail.com>
Date: Mon, 25 Nov 2024 17:27:05 +0800
Subject: [PATCH 1/2] Remove unnecessary banner

---
 client/my-sites/stats/site.jsx | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/client/my-sites/stats/site.jsx b/client/my-sites/stats/site.jsx
index 23c87d4dcb836b..0cec01d45b4279 100644
--- a/client/my-sites/stats/site.jsx
+++ b/client/my-sites/stats/site.jsx
@@ -456,14 +456,6 @@ class StatsSite extends Component {
 					isOdysseyStats={ isOdysseyStats }
 					statsPurchaseSuccess={ context.query.statsPurchaseSuccess }
 				/>
-				{ isNewDateFilteringEnabled && (
-					<div
-						className="stats-new-date-filtering-callout"
-						style={ { background: 'antiquewhite', maring: '24px', padding: '24px' } }
-					>
-						<p>New date filtering enabled.</p>
-					</div>
-				) }
 				{ ! isNewDateFilteringEnabled && (
 					// @TODO: remove highlight section completely once flag is released
 					<HighlightsSection siteId={ siteId } currentPeriod={ defaultPeriod } />

From 3b710aafdfc7bf65e36cc5793d98b27b1ebb3e1c Mon Sep 17 00:00:00 2001
From: Dognose <dognose24@gmail.com>
Date: Mon, 25 Nov 2024 17:28:06 +0800
Subject: [PATCH 2/2] Align StatsPeriodHeader styles with design

---
 client/my-sites/stats/stats-period-header/style.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/my-sites/stats/stats-period-header/style.scss b/client/my-sites/stats/stats-period-header/style.scss
index 96d241d021224a..7aefc3aa9fce75 100644
--- a/client/my-sites/stats/stats-period-header/style.scss
+++ b/client/my-sites/stats/stats-period-header/style.scss
@@ -8,7 +8,12 @@
 	flex-wrap: wrap;
 	align-items: center;
 	justify-content: center;
-	margin: 16px 0;
+	// .stats-content has a gap already, so the .stats__period-header from the new design only needs margin-top.
+	margin-top: 16px;
+
+	.stats-content & {
+		margin: 16px 0;
+	}
 
 	.period {
 		font-family: $brand-serif;
@@ -20,6 +25,7 @@
 	 // this new selector removes padding only for the date filtering design
 		&.stats-period-navigation__is-with-new-date-filtering {
 			padding: 0;
+			align-items: center;
 
 			@media (max-width: $break-medium) {
 				padding: 0 16px;