diff --git a/web/app/components/comment/_view/_preview/comment_view_preview.scss b/web/app/components/comment/_view/_preview/comment_view_preview.scss
index f75ca5aa..92f5d3b5 100644
--- a/web/app/components/comment/_view/_preview/comment_view_preview.scss
+++ b/web/app/components/comment/_view/_preview/comment_view_preview.scss
@@ -6,7 +6,7 @@
     padding-bottom: 0;
 
     .comment__username {
-      color: inherit;
+      color: #0aa;
     }
 
     .comment__title {
@@ -28,6 +28,7 @@
     .comment__info {
       display: inline;
       padding-right: 0;
+      font-weight: 700;
 
       &::after {
         content: ' ';
diff --git a/web/app/components/comment/comment.jsx b/web/app/components/comment/comment.jsx
index ed8b5887..266dbe50 100644
--- a/web/app/components/comment/comment.jsx
+++ b/web/app/components/comment/comment.jsx
@@ -446,7 +446,13 @@ export default class Comment extends Component {
               </div>
             )}
             <div className="comment__info">
-              <span className="comment__username">{o.user.name}</span>
+              {!!o.title && o.user.name}
+
+              {!o.title && (
+                <a href={`${o.locator.url}#${COMMENT_NODE_CLASSNAME_PREFIX}${o.id}`} className="comment__username">
+                  {o.user.name}
+                </a>
+              )}
             </div>{' '}
             <div
               className={b('comment__text', { mix: b('raw-content', {}, { theme: mods.theme }) })}
diff --git a/web/index.ejs b/web/index.ejs
index 6f9785f1..7afb2026 100644
--- a/web/index.ejs
+++ b/web/index.ejs
@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
-  <title>remark42</title>
+  <title>remark42 demo page</title>
 
   <style>
     body {
