diff --git a/message/templates/notification_preferences_component_notification.mustache b/message/templates/notification_preferences_component_notification.mustache
index 9b86b079094..31d2a9a7ca2 100644
--- a/message/templates/notification_preferences_component_notification.mustache
+++ b/message/templates/notification_preferences_component_notification.mustache
@@ -64,8 +64,8 @@
                                 {{#disableall}} disabled="true" {{/disableall}}
                                 {{#enabled}}checked{{/enabled}}
                             >
-                            <label for="{{{preferencekey}}}_{{{name}}}" class="sr-only">
-                                {{enabledlabel}}
+                            <label for="{{{preferencekey}}}_{{{name}}}" class="custom-control-label">
+                                <span class="accesshide">{{enabledlabel}}</span>
                             </label>
                         </div>
                     </div>