diff --git a/client/modules/crm/src/views/call/fields/contacts.js b/client/modules/crm/src/views/call/fields/contacts.js
index 7d5b2620c3..e94bea0225 100644
--- a/client/modules/crm/src/views/call/fields/contacts.js
+++ b/client/modules/crm/src/views/call/fields/contacts.js
@@ -45,7 +45,13 @@ Espo.define('crm:views/call/fields/contacts', 'crm:views/meeting/fields/contacts
             if (key in phoneNumbersMap) {
                 number = phoneNumbersMap[key];
                 var innerHtml = $(html).html();
-                innerHtml += '<span class="text-muted small"> &#187; </span> ' + '<a href="tel:'+number+'" class="small" data-phone-number="'+number+'" data-action="dial">' + number + '</a>';
+
+                innerHtml += (
+                    ' <span class="text-muted chevron-right"></span> ' +
+                    '<a href="tel:' + number + '" class="small" data-phone-number="' + number + '" data-action="dial">' +
+                    number + '</a>'
+                );
+
                 html = '<div>' + innerHtml + '</div>';
             }
 
diff --git a/client/modules/crm/src/views/call/fields/leads.js b/client/modules/crm/src/views/call/fields/leads.js
index 1cc2975a09..381148ad87 100644
--- a/client/modules/crm/src/views/call/fields/leads.js
+++ b/client/modules/crm/src/views/call/fields/leads.js
@@ -45,7 +45,13 @@ Espo.define('crm:views/call/fields/leads', 'crm:views/meeting/fields/attendees',
             if (key in phoneNumbersMap) {
                 number = phoneNumbersMap[key];
                 var innerHtml = $(html).html();
-                innerHtml += '<span class="text-muted small"> &#187; </span> ' + '<a href="tel:'+number+'" class="small" data-phone-number="'+number+'" data-action="dial">' + number + '</a>';
+
+                innerHtml += (
+                    ' <span class="text-muted chevron-right"></span> ' +
+                    '<a href="tel:' + number + '" class="small" data-phone-number="' + number + '" data-action="dial">' +
+                    number + '</a>'
+                );
+
                 html = '<div>' + innerHtml + '</div>';
             }
 
diff --git a/client/src/views/email/fields/email-address-varchar.js b/client/src/views/email/fields/email-address-varchar.js
index 051f6301d6..21a392398e 100644
--- a/client/src/views/email/fields/email-address-varchar.js
+++ b/client/src/views/email/fields/email-address-varchar.js
@@ -295,7 +295,7 @@ define(
             '<div data-address="'+address+'" class="list-group-item">' +
                 '<a href="javascript:" class="pull-right" data-address="' + address + '" ' +
                 'data-action="clearAddress"><span class="fas fa-times"></a>' +
-                '<span>'+ ((name) ? (name + ' <span class="text-muted">&#187;</span> ') : '') +
+                '<span>'+ ((name) ? (name + ' <span class="text-muted chevron-right"></span> ') : '') +
                 '<span>'+address+'</span>'+'</span>' +
             '</div>';
 
@@ -373,12 +373,12 @@ define(
 
             if (id) {
                 lineHtml = '<div>' + '<a href="#' + entityType + '/view/' + id + '">' +
-                    name + '</a> <span class="text-muted">&#187;</span> ' + addressHtml + '</div>';
+                    name + '</a> <span class="text-muted chevron-right"></span> ' + addressHtml + '</div>';
             }
             else {
                 if (name) {
                     lineHtml = '<span class="email-address-line">' + name +
-                        ' <span class="text-muted">&#187;</span> <span>' +
+                        ' <span class="text-muted chevron-right"></span> <span>' +
                         addressHtml + '</span></span>';
                 }
                 else {
diff --git a/client/src/views/email/fields/from-address-varchar.js b/client/src/views/email/fields/from-address-varchar.js
index 51a0b6a94e..b8f43c4a04 100644
--- a/client/src/views/email/fields/from-address-varchar.js
+++ b/client/src/views/email/fields/from-address-varchar.js
@@ -157,7 +157,7 @@ define(
 
             if (id) {
                 lineHtml = '<div>' + '<a href="#' + entityType + '/view/' + id + '">' + name +
-                    '</a> <span class="text-muted">&#187;</span> ' + addressHtml + '</div>';
+                    '</a> <span class="text-muted chevron-right"></span> ' + addressHtml + '</div>';
             }
             else {
                 if (this.getAcl().check('Contact', 'create') || this.getAcl().check('Lead', 'create')) {
@@ -166,7 +166,7 @@ define(
 
                 if (name) {
                     lineHtml += '<span class="email-address-line">' + name +
-                        ' <span class="text-muted">&#187;</span> <span>' + addressHtml + '</span></span>';
+                        ' <span class="text-muted chevron-right"></span> <span>' + addressHtml + '</span></span>';
                 } else {
                     lineHtml += '<span class="email-address-line">' + addressHtml + '</span>';
                 }
diff --git a/client/src/views/fields/complex-created.js b/client/src/views/fields/complex-created.js
index 98cb94809e..b3a5a68498 100644
--- a/client/src/views/fields/complex-created.js
+++ b/client/src/views/fields/complex-created.js
@@ -32,7 +32,7 @@ define('views/fields/complex-created', 'views/fields/base', function (Dep) {
 
         detailTemplateContent:
             `<span data-name="{{baseName}}At" class="field">{{{atField}}}</span> `+
-            `<span class="text-muted">&raquo;</span> `+
+            `<span class="text-muted chevron-right"</span> `+
             `<span data-name="{{baseName}}By" class="field">{{{byField}}}</span>`,
 
         baseName: 'created',
diff --git a/client/src/views/fields/link-multiple-with-columns.js b/client/src/views/fields/link-multiple-with-columns.js
index 890911a552..5f346f14bb 100644
--- a/client/src/views/fields/link-multiple-with-columns.js
+++ b/client/src/views/fields/link-multiple-with-columns.js
@@ -132,7 +132,7 @@ define('views/fields/link-multiple-with-columns', 'views/fields/link-multiple',
 
                 if (value !== '' && value) {
                     if (type === 'enum') {
-                        roleHtml += ' <span class="text-muted small">&#187;</span> ' +
+                        roleHtml += ' <span class="text-muted chevron-right"></span> ' +
                             '<span class="text-muted small">' +
                             this.getHelper()
                                 .escapeString(
@@ -144,7 +144,7 @@ define('views/fields/link-multiple-with-columns', 'views/fields/link-multiple',
                             '</span>';
                     }
                     else if (type === 'varchar') {
-                        roleHtml += ' <span class="text-muted small">&#187;</span> ' +
+                        roleHtml += ' <span class="text-muted chevron-right"></span> ' +
                             '<span class="text-muted small">' +
                             this.getHelper().escapeString(value) +
                             '</span>';
diff --git a/client/src/views/fields/link-multiple-with-role.js b/client/src/views/fields/link-multiple-with-role.js
index eba252ab41..ea1ec455ad 100644
--- a/client/src/views/fields/link-multiple-with-role.js
+++ b/client/src/views/fields/link-multiple-with-role.js
@@ -109,7 +109,7 @@ define('views/fields/link-multiple-with-role', 'views/fields/link-multiple', fun
                     style = style || 'muted';
                 }
 
-                roleHtml = '<span class="test-muted small"> &#187; </span>' +
+                roleHtml = '<span class="text-muted chevron-right"></span> ' +
                 '<span class="'+className+'-'+style+' small">' +
                 this.getHelper().escapeString(
                     this.getLanguage().translateOption(role, this.roleField, this.roleFieldScope)
diff --git a/client/src/views/user/fields/teams.js b/client/src/views/user/fields/teams.js
index c9c1a56faa..3217a8dad4 100644
--- a/client/src/views/user/fields/teams.js
+++ b/client/src/views/user/fields/teams.js
@@ -93,11 +93,14 @@ define('views/user/fields/teams', 'views/fields/link-multiple-with-role', functi
 
             var role = (this.columns[id] || {})[this.columnName] || '';
             var roleHtml = '';
+
             if (role != '') {
                 role = this.getHelper().escapeString(role);
-                roleHtml = '<span class="text-muted small"> &#187; ' + role + '</span>';
+                roleHtml = ' <span class="text-muted chevron-right"></span> <span class="text-muted">' + role + '</span>';
             }
+
             var lineHtml = '<div>' + '<a href="#' + this.foreignScope + '/view/' + id + '">' + name + '</a> ' + roleHtml + '</div>';
+
             return lineHtml;
         },