Increase CSS specificity of text alignment classes

WordPress · Jun 4, 2024 · 99fe955 · 99fe955
1 parent ace8835
commit 99fe955
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/block-library/src/common.scss b/packages/block-library/src/common.scss
@@ -32,16 +32,17 @@
 }
 
 // Text alignments.
-.has-text-align-center {
+// Increase specificity so that styles applied via the global styles can be overridden in block instances.
+:root .has-text-align-center {
 	text-align: center;
 }
 
-.has-text-align-left {
+:root .has-text-align-left {
 	/*rtl:ignore*/
 	text-align: left;
 }
 
-.has-text-align-right {
+:root .has-text-align-right {
 	/*rtl:ignore*/
 	text-align: right;
 }