diff --git a/static/styles/zulip.css b/static/styles/zulip.css
index 8d8ea27a6e..75c11578bc 100644
--- a/static/styles/zulip.css
+++ b/static/styles/zulip.css
@@ -1789,6 +1789,12 @@ div.focused_table {
         padding-right: calc(3px + 10px);
     }
 
+    .divider {
+        color: hsl(0, 0%, 88%);
+        font-size: 20px;
+        margin: 0 3px;
+    }
+
     .sub_count,
     .narrow_description {
         background: none;
diff --git a/static/templates/message_view_header.hbs b/static/templates/message_view_header.hbs
index f5b5681dc2..15bc458b15 100644
--- a/static/templates/message_view_header.hbs
+++ b/static/templates/message_view_header.hbs
@@ -2,6 +2,7 @@
 <a class="stream" href="{{stream_settings_link}}">
     {{> navbar_icon_and_title }}
 </a>
+<div class="divider only-visible-for-spectators">|</div>
 <a class="sub_count no-style tippy-zulip-tooltip hidden-for-spectators" data-tippy-content="{{sub_count_tooltip_text}}" data-tippy-placement="bottom" href="{{stream_settings_link}}">
     <i class="fa fa-user-o"></i>{{formatted_sub_count}}
 </a>