diff --git a/src/components/containers/CommentWrapper/styles.scss b/src/components/containers/CommentWrapper/styles.scss
index 23988d3f..42897f16 100644
--- a/src/components/containers/CommentWrapper/styles.scss
+++ b/src/components/containers/CommentWrapper/styles.scss
@@ -23,6 +23,13 @@
 .text {
   flex: 1;
   min-width: 0;
+
+  @include tablet {
+    :global(.comment-author) {
+      display: none !important;
+      color: red;
+    }
+  }
 }
 
 .thumb {
diff --git a/src/utils/dom.ts b/src/utils/dom.ts
index 62649a81..00ed1461 100644
--- a/src/utils/dom.ts
+++ b/src/utils/dom.ts
@@ -77,7 +77,9 @@ export const formatCommentText = (author, text: string) =>
     .replace(/:\|--\|/gim, '://')
     .split('\n')
     .map((el, index) =>
-      index === 0 ? `${author ? `<p><b>${author}</b>: ` : ''}${el}</p>` : `<p>${el}</p>`
+      index === 0
+        ? `${author ? `<p><b class="comment-author">${author}: </b>` : ''}${el}</p>`
+        : `<p>${el}</p>`
     )
     .join('');
 // .replace(/\/\*(\*(?!\/)|[^*])*\*\//igm, '');