Tag Cloud: Use flex for the Outline style (#38995)

* Tag Cloud: Use flex for the Outline style * remove the margin from the outline style
WordPress · Feb 23, 2022 · dfcec47 · dfcec47
1 parent 605e840
commit dfcec47
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/packages/block-library/src/tag-cloud/style.scss b/packages/block-library/src/tag-cloud/style.scss
@@ -19,12 +19,17 @@
 		text-decoration: none;
 	}
 
-	&.is-style-outline a {
-		border: 1px solid currentColor;
-		font-size: unset !important; // !important Needed to override the inline styles.
-		margin-bottom: 1ch;
-		margin-right: 1ch;
-		padding: 1ch 2ch;
-		text-decoration: none !important; // !important needed to override generic post content link decoration.
+	&.is-style-outline {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 1ch;
+
+		a {
+			border: 1px solid currentColor;
+			font-size: unset !important; // !important Needed to override the inline styles.
+			margin-right: 0;
+			padding: 1ch 2ch;
+			text-decoration: none !important; // !important needed to override generic post content link decoration.
+		}
 	}
 }