diff --git a/packages/block-library/src/latest-comments/style.scss b/packages/block-library/src/latest-comments/style.scss index 8759da8c73d94d..21579293b07218 100644 --- a/packages/block-library/src/latest-comments/style.scss +++ b/packages/block-library/src/latest-comments/style.scss @@ -1,3 +1,10 @@ +// Reset the browser's default `padding-inline-start: 40px` on `
    `. +// Using `:where` keeps specificity at 0 so global styles, theme.json, +// and inspector controls can override it without difficulty. +:where(.wp-block-latest-comments) { + padding-left: 0; +} + // Lower specificity - target list element. ol.wp-block-latest-comments { // Removes left spacing in Customizer Widgets screen. @@ -26,13 +33,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; -} - .wp-block-latest-comments__comment { list-style: none; margin-bottom: 1em;