diff --git a/src/patterns/03-layouts/emergency-notification/_emergency-notification.scss b/src/patterns/03-layouts/emergency-notification/_emergency-notification.scss
index 866d54d8e5a52ae52fd1191e508d3380c6e1e2c0..d68bb63d35192dfdabfd9a5dac35b5760901012f 100644
--- a/src/patterns/03-layouts/emergency-notification/_emergency-notification.scss
+++ b/src/patterns/03-layouts/emergency-notification/_emergency-notification.scss
@@ -48,7 +48,7 @@
     }
   }
 
-  &.special-alert {
+  &.emergency-notification {
     background: var(--uw-alert);
     max-width: 100%;
 
diff --git a/src/patterns/03-layouts/emergency-notification/emergency-notification.twig b/src/patterns/03-layouts/emergency-notification/emergency-notification.twig
index 6322b2910a52efc4c4184a722890225a8233d852..f4d9bdee6aad753115bd5e0644ad1a6b65f30a96 100644
--- a/src/patterns/03-layouts/emergency-notification/emergency-notification.twig
+++ b/src/patterns/03-layouts/emergency-notification/emergency-notification.twig
@@ -1,4 +1,4 @@
-<div class="uw-emergency-notification{% if emergency_notification.display_style == 'priority' %} special-alert{% endif %}">
+<div class="uw-emergency-notification{% if emergency_notification.display_style == 'priority' %} emergency-notification{% endif %}">
   <div role="complementary" class="uw-emergency-notification__content">
     {% if emergency_notification.display_style == 'priority' %}
       {% include '@components/icon/icon.twig' with {