From c516601bad06a5b8dbe78f84148afb94471ddd4b Mon Sep 17 00:00:00 2001
From: Aurorum <43215253+Aurorum@users.noreply.github.com>
Date: Mon, 4 Dec 2023 19:49:37 +0000
Subject: [PATCH] Social Links Block: Prevent Theme Styles Distorting Size
 (#56301)

* Social Links Block: Prevent Theme Styles Distorting Size

* Remove :after selector

* Fix #53077
---
 .../block-library/src/social-links/style.scss | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/packages/block-library/src/social-links/style.scss b/packages/block-library/src/social-links/style.scss
index 23c741e9819f9a..1ad883bbb88840 100644
--- a/packages/block-library/src/social-links/style.scss
+++ b/packages/block-library/src/social-links/style.scss
@@ -95,14 +95,20 @@
 }
 
 // This needs specificity because themes usually override it with things like .widget-area a.
-.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor {
-	&,
-	&:hover,
-	&:active,
-	&:visited,
-	svg {
-		color: currentColor;
-		fill: currentColor;
+.wp-block-social-links .wp-block-social-link.wp-social-link {
+	display: inline-block;
+	margin: 0;
+	padding: 0;
+
+	.wp-block-social-link-anchor {
+		&,
+		&:hover,
+		&:active,
+		&:visited,
+		svg {
+			color: currentColor;
+			fill: currentColor;
+		}
 	}
 }