diff --git a/app/assets/javascripts/discourse/views/composer.js.es6 b/app/assets/javascripts/discourse/views/composer.js.es6
index c3ad0afe7b9..4273ea308e5 100644
--- a/app/assets/javascripts/discourse/views/composer.js.es6
+++ b/app/assets/javascripts/discourse/views/composer.js.es6
@@ -12,7 +12,8 @@ const ComposerView = Ember.View.extend({
                       'composer.loading',
                       'composer.canEditTitle:edit-title',
                       'composer.createdPost:created-post',
-                      'composer.creatingTopic:topic'],
+                      'composer.creatingTopic:topic',
+                      'composer.whisper:composing-whisper'],
 
   composer: Em.computed.alias('controller.model'),
 
diff --git a/app/assets/stylesheets/common/d-editor.scss b/app/assets/stylesheets/common/d-editor.scss
index 1088eca1b6a..8d3d6183902 100644
--- a/app/assets/stylesheets/common/d-editor.scss
+++ b/app/assets/stylesheets/common/d-editor.scss
@@ -105,6 +105,13 @@
     width: 0;
     visibility: hidden;
   }
+
+}
+.composing-whisper {
+  .d-editor-preview {
+    font-style: italic;
+    color: dark-light-diff($primary, $secondary, 55%, -40%) !important;
+  }
 }
 
 .d-editor-preview > *:first-child {