From 28fcd95831d47c3ce56d35ca4338def006d1d381 Mon Sep 17 00:00:00 2001
From: Joen A <1204802+jasmussen@users.noreply.github.com>
Date: Fri, 18 Jun 2021 19:27:46 +0200
Subject: [PATCH] Try: Align widget sidebar button. (#32738)

---
 packages/components/src/button/style.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss
index 9601bdaf32d5c3..0dd565c3725874 100644
--- a/packages/components/src/button/style.scss
+++ b/packages/components/src/button/style.scss
@@ -154,12 +154,17 @@
 		white-space: nowrap;
 		color: var(--wp-admin-theme-color);
 		background: transparent;
-		padding: 6px; // This reduces the horizontal padding on tertiary/text buttons, so as to space them optically.
+		padding: $grid-unit-15 / 2; // This reduces the horizontal padding on tertiary/text buttons, so as to space them optically.
 
 		.dashicon {
 			display: inline-block;
 			flex: 0 0 auto;
 		}
+
+		// Pull left if the tertiary button stands alone after a description, so as to vertically align with items above.
+		p + & {
+			margin-left: -($grid-unit-15 / 2);
+		}
 	}
 
 	/**