From fa858e4e760a4ac69273c6b55e4b4ab238a3d427 Mon Sep 17 00:00:00 2001
From: Tetsuaki Hamano <tetsuaki.hamano@gmail.com>
Date: Wed, 22 Mar 2023 14:01:11 +0900
Subject: [PATCH] Tag Cloud Block: Fix outline style not applied in editor

---
 packages/block-library/src/editor.scss           |  1 +
 packages/block-library/src/tag-cloud/editor.scss | 11 +++++++++++
 2 files changed, 12 insertions(+)
 create mode 100644 packages/block-library/src/tag-cloud/editor.scss

diff --git a/packages/block-library/src/editor.scss b/packages/block-library/src/editor.scss
index 0b9e3e451337e7..c07f0c777a9ca9 100644
--- a/packages/block-library/src/editor.scss
+++ b/packages/block-library/src/editor.scss
@@ -51,6 +51,7 @@
 @import "./query-pagination-numbers/editor.scss";
 @import "./post-featured-image/editor.scss";
 @import "./post-comments-form/editor.scss";
+@import "./tag-cloud/editor.scss";
 
 @import "./editor-elements.scss";
 
diff --git a/packages/block-library/src/tag-cloud/editor.scss b/packages/block-library/src/tag-cloud/editor.scss
new file mode 100644
index 00000000000000..dc4f65384c6103
--- /dev/null
+++ b/packages/block-library/src/tag-cloud/editor.scss
@@ -0,0 +1,11 @@
+.wp-block-tag-cloud.is-style-outline {
+	display: block;
+
+	// CSS classes are not passed to the ServerSideRender component,
+	// so nested selectors must be used to apply outline block styles.
+	.wp-block-tag-cloud {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 1ch;
+	}
+}