diff --git a/app/assets/stylesheets/desktop/compose.scss b/app/assets/stylesheets/desktop/compose.scss
index 919e6ddd020..9fa9f249cfa 100644
--- a/app/assets/stylesheets/desktop/compose.scss
+++ b/app/assets/stylesheets/desktop/compose.scss
@@ -18,6 +18,12 @@
 
   @include box-shadow(3px 3px 3px rgba($primary_shadow_color, 0.14));
   background: lighten($highlight, 15%);
+  border: 1px solid $highlight_border_color;
+
+  &.urgent {
+    background: lighten($warning_border_color, 15%);
+    border: 1px solid $warning_border_color;
+  }
 
   h3 {
     margin-bottom: 10px;
@@ -38,7 +44,6 @@
     opacity: 1.0;
   }
 
-  border: 1px solid $highlight_border_color;
   padding: 10px;
   width: 600px;
   position: absolute;
diff --git a/lib/composer_messages_finder.rb b/lib/composer_messages_finder.rb
index c27616bc0b4..fef9c25bcef 100644
--- a/lib/composer_messages_finder.rb
+++ b/lib/composer_messages_finder.rb
@@ -88,6 +88,7 @@ class ComposerMessagesFinder
 
     {templateName: 'composer/education',
      wait_for_typing: true,
+     extraClass: 'urgent',
      body: PrettyText.cook(I18n.t('education.sequential_replies')) }
   end
 
@@ -118,6 +119,7 @@ class ComposerMessagesFinder
 
     {templateName: 'composer/education',
      wait_for_typing: true,
+     extraClass: 'urgent',
      body: PrettyText.cook(I18n.t('education.dominating_topic', percent: (ratio * 100).round)) }
   end