         <span className="message-subtitle">
           <span className="upper-strut"/>
           <span className="tags">
-          {###
-            each tags
-              span.label.label-default.tag.tagWithRemove
-                | #{key}
-                span.tagRemove.fas.fa-times-circle(aria-label="Remove",data-tag=key)
-              |  
-          ###}
+            {for tag in sortTags message.tags
+              <>
+                <span className="label label-default tag tagWithRemove">
+                  {tag.key + ' '}
+                  <span className="tagRemove fas fa-times-circle" aria-label="Remove" data-tag={tag.key}/>
+                </span>
+                {' '}
+              </>
+            }
           </span>
           <span className="btn-group">
             <button className="btn btn-default label label-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-              <span className="fas fa-plus">
-              | Tag
-              </span>
+              <span className="fas fa-plus"/>
+              Tag
             </button>
             <ul className="dropdown-menu tagMenu" role="menu">
               <li className="disabled">

      else
        formatted
  , [historified.file, historified._id]
  can = useTracker ->
    delete: canDelete message._id
    undelete: canUndelete message._id

    history = messageHistory.get(@_id) ? @
    'image' == fileType history.file

Template.messageTags.helpers
  tags: historify 'tags', sortTags

