diff --git a/client/src/view-helper.js b/client/src/view-helper.js
index ee06e085a2..76f5af13f3 100644
--- a/client/src/view-helper.js
+++ b/client/src/view-helper.js
@@ -44,16 +44,15 @@ class ViewHelper {
         this.mdBeforeList = [
             {
                 regex: /```\n?([\s\S]*?)```/g,
-                value: function (s, string) {
-                    return '<pre><code>' +string.replace(/\*/g, '&#42;').replace(/~/g, '&#126;') +
-                        '</code></pre>';
-                }
+                value: (s, string) => {
+                    return '```' + string.replace(/\*/g, '&#42;').replace(/~/g, '&#126;') + '```';
+                },
             },
             {
                 regex: /&#x60;([\s\S]*?)&#x60;/g,
-                value: function (s, string) {
-                    return '<code>' + string.replace(/\*/g, '&#42;').replace(/~/g, '&#126;') + '</code>';
-                }
+                value: (s, string) => {
+                    return '`' + string.replace(/\*/g, '&#42;').replace(/~/g, '&#126;') + '`';
+                },
             }
         ];