diff --git a/app/assets/stylesheets/desktop/compose.scss b/app/assets/stylesheets/desktop/compose.scss
index 08bc47ebce3..10dbf433ddf 100644
--- a/app/assets/stylesheets/desktop/compose.scss
+++ b/app/assets/stylesheets/desktop/compose.scss
@@ -29,7 +29,7 @@
     background: dark-light-diff($danger, $secondary, 50%, -40%);
   }
 
-  &.old-topic {
+  &.education-message {
     background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
   }
 
diff --git a/lib/composer_messages_finder.rb b/lib/composer_messages_finder.rb
index c7fbb836f9e..ad1a30ca98e 100644
--- a/lib/composer_messages_finder.rb
+++ b/lib/composer_messages_finder.rb
@@ -100,7 +100,7 @@ class ComposerMessagesFinder
     {
       templateName: 'composer/education',
       wait_for_typing: true,
-      extraClass: 'urgent',
+      extraClass: 'education-message',
       body: PrettyText.cook(I18n.t('education.sequential_replies'))
     }
   end
@@ -131,7 +131,7 @@ class ComposerMessagesFinder
     {
       templateName: 'composer/education',
       wait_for_typing: true,
-      extraClass: 'urgent',
+      extraClass: 'education-message',
       body: PrettyText.cook(I18n.t('education.dominating_topic', percent: (ratio * 100).round))
     }
   end
@@ -146,7 +146,7 @@ class ComposerMessagesFinder
     {
       templateName: 'composer/education',
       wait_for_typing: false,
-      extraClass: 'old-topic',
+      extraClass: 'education-message',
       body: PrettyText.cook(I18n.t('education.reviving_old_topic', days: (Time.zone.now - @topic.last_posted_at).round / 1.day))
     }
   end