Add !important to text alignment utility classes

Refs #16836
[skip sauce]
[skip validator]

diff --git a/scss/_utilities.scss b/scss/_utilities.scss
index d5bd4dfe047e4785086472a8241eabe044aa3437..fa3b6e1d20195b5f56d60b63562190cb70974e0b 100644 (file)
--- a/scss/_utilities.scss
+++ b/scss/_utilities.scss
@@ -51,11 +51,11 @@
 
 // Alignment
 
-.text-left           { text-align: left; }
-.text-right          { text-align: right; }
-.text-center         { text-align: center; }
-.text-justify        { text-align: justify; }
-.text-nowrap         { white-space: nowrap; }
+.text-left           { text-align: left !important; }
+.text-right          { text-align: right !important; }
+.text-center         { text-align: center !important; }
+.text-justify        { text-align: justify !important; }
+.text-nowrap         { white-space: nowrap !important; }
 .text-truncate       { @include text-truncate; }
 
 // Responsive alignment