From f1ce55041c8fff759c2dbfa272fe5e721b850bdf Mon Sep 17 00:00:00 2001
From: Joel Thiessen <444632+joelclimbsthings@users.noreply.github.com>
Date: Wed, 14 Oct 2020 11:48:21 -0700
Subject: [PATCH] Adding 24px spacing between any sibling nav groups
 (https://github.com/woocommerce/woocommerce-admin/pull/5329)
 (https://github.com/woocommerce/woocommerce-admin/pull/5359)

Adding 24px spacing between any sibling nav groups on new navigation feature (https://github.com/woocommerce/woocommerce-admin/pull/5329)
---
 .../client/navigation/components/container/style.scss     | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce-admin/client/navigation/components/container/style.scss b/plugins/woocommerce-admin/client/navigation/components/container/style.scss
index 1f351b60539..96e730e792b 100644
--- a/plugins/woocommerce-admin/client/navigation/components/container/style.scss
+++ b/plugins/woocommerce-admin/client/navigation/components/container/style.scss
@@ -14,8 +14,12 @@
 		height: 100%;
 	}
 
-	.components-navigation__group:nth-of-type(2) {
-		margin-top: auto;
+	.components-navigation__group + .components-navigation__group {
+		margin-top: 24px;
+	}
+
+	.components-navigation__item {
+		margin-bottom: 0;
 	}
 
 	.woocommerce-navigation__back-to-dashboard {