Social Links Block: Prevent Theme Styles Distorting Size (#56301)

* Social Links Block: Prevent Theme Styles Distorting Size * Remove :after selector * Fix #53077
WordPress · Dec 4, 2023 · c516601 · c516601
1 parent a2b7ac2
commit c516601
Showing 1 changed file with 14 additions and 8 deletions.
diff --git 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;
+		}
 	}
 }