diff --git a/packages/block-library/src/latest-comments/editor.scss b/packages/block-library/src/latest-comments/editor.scss new file mode 100644 index 00000000000000..1435f248350b54 --- /dev/null +++ b/packages/block-library/src/latest-comments/editor.scss @@ -0,0 +1,11 @@ +// Higher specificity - target list via wrapper. +.wp-block-latest-comments .wp-block-latest-comments { + // Remove left spacing. Higher specificity required to + // override default wp-block layout styles in the Post/Site editor. + padding-left: 0; + // These styles prevent duplicate borders in the Latest Comments block caused by + // server-side rendering injecting additional styles in the editor. They ensure + // consistent appearance in the editor while avoiding conflicts with frontend styles. + border: none; + border-radius: inherit; +} diff --git a/packages/block-library/src/latest-comments/style.scss b/packages/block-library/src/latest-comments/style.scss index 5bb22abf5a5aa8..66682beb8402d3 100644 --- a/packages/block-library/src/latest-comments/style.scss +++ b/packages/block-library/src/latest-comments/style.scss @@ -31,16 +31,6 @@ ol.wp-block-latest-comments { } } -// Higher specificity - target list via wrapper. -.wp-block-latest-comments .wp-block-latest-comments { - // Remove left spacing. Higher specificity required to - // override default wp-block layout styles in the Post/Site editor. - padding-left: 0; - // The following styles are to prevent duplicate border for the latest comments. - border: none; - border-radius: inherit; -} - .wp-block-latest-comments__comment { list-style: none; margin-bottom: 1em;