fix thread markup

1 files changed, 3 insertions, 3 deletions

diff --git a/vnext/src/components/Thread.js b/vnext/src/components/Thread.js
index f5b5efe6..b847d618 100644
--- a/vnext/src/components/Thread.js
+++ b/vnext/src/components/Thread.js
@@ -93,7 +93,7 @@ export default class Thread extends React.Component {
                   this.props.visitor.uid > 0 &&
                   <img src={`https://api.juick.com/thread/mark_read/${msg.mid}-${msg.rid || 0}.gif?hash=${this.props.visitor.hash}`} />
                 }
-                <h2>{`Replies (${msg.replies})`}</h2>
+                <h2>{msg.replies && `Replies (${msg.replies})`}</h2>
               </div>
               <ul id="replies">
                 {
@@ -137,13 +137,13 @@ export default class Thread extends React.Component {
                           {
                             this.props.visitor.uid > 0 ? (
                               <React.Fragment>
-                                <span>&middot; </span>
+                                <span>&middot;&nbsp;</span>
                                 <a href={`/post?body=%23${msg.mid}/${msg.rid}%20`} className="a-thread-comment">Reply</a>
                                 <div className="msg-comment-target msg-comment-hidden"></div>
                               </React.Fragment>
                             ) : (
                                 <React.Fragment>
-                                  <span>&nbsp;&middot; </span><a href="#" className="a-login">Reply</a>
+                                  <span>&nbsp;&middot;&nbsp;</span><a href="#" className="a-login">Reply</a>
                                 </React.Fragment>
                               )
                           }