From 898ae2cdfa6daa4d755c92296af4ac2812294e33 Mon Sep 17 00:00:00 2001
From: Nate Weller <nate.weller@automattic.com>
Date: Wed, 18 Dec 2024 13:20:07 -0700
Subject: [PATCH] Protect: fix home page stat card spacing (#40623)

---
 .../protect/src/js/routes/home/home-admin-section-hero.tsx   | 4 +++-
 .../plugins/protect/src/js/routes/home/styles.module.scss    | 5 +----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/projects/plugins/protect/src/js/routes/home/home-admin-section-hero.tsx b/projects/plugins/protect/src/js/routes/home/home-admin-section-hero.tsx
index d695f05eea9cc..59958c84024b9 100644
--- a/projects/plugins/protect/src/js/routes/home/home-admin-section-hero.tsx
+++ b/projects/plugins/protect/src/js/routes/home/home-admin-section-hero.tsx
@@ -43,7 +43,9 @@ const HomeAdminSectionHero: React.FC = () => {
 					</Button>
 				</>
 			</AdminSectionHero.Main>
-			<AdminSectionHero.Aside>{ <HomeStatCards /> }</AdminSectionHero.Aside>
+			<AdminSectionHero.Aside>
+				<HomeStatCards />
+			</AdminSectionHero.Aside>
 		</AdminSectionHero>
 	);
 };
diff --git a/projects/plugins/protect/src/js/routes/home/styles.module.scss b/projects/plugins/protect/src/js/routes/home/styles.module.scss
index 1f6e199cdd420..987e865644066 100644
--- a/projects/plugins/protect/src/js/routes/home/styles.module.scss
+++ b/projects/plugins/protect/src/js/routes/home/styles.module.scss
@@ -16,10 +16,7 @@
 .stat-cards-wrapper {
     display: flex;
     justify-content: flex-start;
-
-    > *:not( last-child ) {
-        margin-right: calc( var( --spacing-base ) * 3 ); // 24px
-    }
+    gap: calc( var( --spacing-base ) * 3 ); // 24px
 
     .disabled {
         opacity: 0.5;