diff --git a/client/modules/crm/res/templates/lead/convert.tpl b/client/modules/crm/res/templates/lead/convert.tpl
index 692bb0a27d..6052bc6cc1 100644
--- a/client/modules/crm/res/templates/lead/convert.tpl
+++ b/client/modules/crm/res/templates/lead/convert.tpl
@@ -1,8 +1,8 @@
 <div class="page-header">
     <h3><a href='#Lead'>{{translate scope category='scopeNamesPlural'}}</a>
-    &raquo
+    <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
     <a href='#Lead/view/{{this.model.id}}'>{{get this.model 'name'}}</a>
-    &raquo
+    <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
     {{translate 'convert' scope='Lead'}}</h3>
 </div>
 
diff --git a/client/res/templates/admin/entity-manager/index.tpl b/client/res/templates/admin/entity-manager/index.tpl
index ae710c53cd..845ba13735 100644
--- a/client/res/templates/admin/entity-manager/index.tpl
+++ b/client/res/templates/admin/entity-manager/index.tpl
@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Entity Manager' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Entity Manager' scope='Admin'}}</h3></div>
 
 <div class="button-container">
     <button class="btn btn-primary" data-action="createEntity">{{translate 'Create Entity' scope='Admin'}}</button>
diff --git a/client/res/templates/admin/extensions/index.tpl b/client/res/templates/admin/extensions/index.tpl
index 4e9cdc3549..12ee139b62 100644
--- a/client/res/templates/admin/extensions/index.tpl
+++ b/client/res/templates/admin/extensions/index.tpl
@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Extensions' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Extensions' scope='Admin'}}</h3></div>
 
 <div class="panel panel-default upload">
     <div class="panel-heading">
diff --git a/client/res/templates/admin/field-manager/index.tpl b/client/res/templates/admin/field-manager/index.tpl
index b32606926c..fc7737140e 100644
--- a/client/res/templates/admin/field-manager/index.tpl
+++ b/client/res/templates/admin/field-manager/index.tpl
@@ -1,11 +1,11 @@
 <div class="page-header">
     <h3>
         <a href="#Admin">{{translate 'Administration'}}</a>
-        &raquo
+        <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
         <a href="#Admin/entityManager">{{translate 'Entity Manager' scope='Admin'}}</a>
-        &raquo
+        <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
         {{translate scope category='scopeNames'}}
-        &raquo
+        <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
         {{translate 'Fields' scope='EntityManager'}}
     </h3>
 </div>
@@ -17,7 +17,3 @@
         </div>
     </div>
 </div>
-
-
-
-
diff --git a/client/res/templates/admin/integrations/index.tpl b/client/res/templates/admin/integrations/index.tpl
index abc4023260..a9a3008cbb 100644
--- a/client/res/templates/admin/integrations/index.tpl
+++ b/client/res/templates/admin/integrations/index.tpl
@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Integrations' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Integrations' scope='Admin'}}</h3></div>
 
 <div class="row">
     <div id="integrations-menu" class="col-sm-3">
diff --git a/client/res/templates/admin/label-manager/index.tpl b/client/res/templates/admin/label-manager/index.tpl
index 74255a8355..c86c0eaee5 100644
--- a/client/res/templates/admin/label-manager/index.tpl
+++ b/client/res/templates/admin/label-manager/index.tpl
@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Label Manager' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Label Manager' scope='Admin'}}</h3></div>
 
 <div class="row">
     <div class="col-sm-3">
diff --git a/client/res/templates/admin/layouts/index.tpl b/client/res/templates/admin/layouts/index.tpl
index eb3bb1c6f4..b326a164d6 100644
--- a/client/res/templates/admin/layouts/index.tpl
+++ b/client/res/templates/admin/layouts/index.tpl
@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Layout Manager' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Layout Manager' scope='Admin'}}</h3></div>
 
 <div class="row">
     <div id="layouts-menu" class="col-sm-3">
@@ -31,7 +33,3 @@
         </div>
     </div>
 </div>
-
-
-
-
diff --git a/client/res/templates/admin/link-manager/index.tpl b/client/res/templates/admin/link-manager/index.tpl
index 9664e6068f..e5f9bc0f3e 100644
--- a/client/res/templates/admin/link-manager/index.tpl
+++ b/client/res/templates/admin/link-manager/index.tpl
@@ -1,11 +1,11 @@
 <div class="page-header">
     <h3>
         <a href="#Admin">{{translate 'Administration'}}</a>
-        &raquo
+        <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
         <a href="#Admin/entityManager">{{translate 'Entity Manager' scope='Admin'}}</a>
-        &raquo
+        <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
         {{translate scope category='scopeNames'}}
-        &raquo
+        <span class="breadcrumb-separator"><span class="chevron-right"></span></span>
         {{translate 'Relationships' scope='EntityManager'}}
     </h3>
 </div>
diff --git a/client/res/templates/admin/settings/headers/authentication.tpl b/client/res/templates/admin/settings/headers/authentication.tpl
index b36d2f0589..2e3e73c040 100644
--- a/client/res/templates/admin/settings/headers/authentication.tpl
+++ b/client/res/templates/admin/settings/headers/authentication.tpl
@@ -1 +1 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Authentication' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a> <span class="breadcrumb-separator"><span class="chevron-right"></span></span> {{translate 'Authentication' scope='Admin'}}</h3>
diff --git a/client/res/templates/admin/settings/headers/currency.tpl b/client/res/templates/admin/settings/headers/currency.tpl
index 80fbd5531e..3d72d57559 100644
--- a/client/res/templates/admin/settings/headers/currency.tpl
+++ b/client/res/templates/admin/settings/headers/currency.tpl
@@ -1 +1 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Currency' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a> <span class="breadcrumb-separator"><span class="chevron-right"></span></span> {{translate 'Currency' scope='Admin'}}</h3>
diff --git a/client/res/templates/admin/settings/headers/inbound-emails.tpl b/client/res/templates/admin/settings/headers/inbound-emails.tpl
index 7312347d46..c1e4e3e381 100644
--- a/client/res/templates/admin/settings/headers/inbound-emails.tpl
+++ b/client/res/templates/admin/settings/headers/inbound-emails.tpl
@@ -1 +1,3 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Inbound Emails' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Inbound Emails' scope='Admin'}}</h3>
diff --git a/client/res/templates/admin/settings/headers/jobs-settings.tpl b/client/res/templates/admin/settings/headers/jobs-settings.tpl
index 188ac3c771..45417ff1f7 100644
--- a/client/res/templates/admin/settings/headers/jobs-settings.tpl
+++ b/client/res/templates/admin/settings/headers/jobs-settings.tpl
@@ -1 +1,3 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Jobs' category='labels' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Jobs' category='labels' scope='Admin'}}</h3>
diff --git a/client/res/templates/admin/settings/headers/notifications.tpl b/client/res/templates/admin/settings/headers/notifications.tpl
index 5e5b3ed6c3..512e8aa815 100644
--- a/client/res/templates/admin/settings/headers/notifications.tpl
+++ b/client/res/templates/admin/settings/headers/notifications.tpl
@@ -1 +1,3 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Notifications' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Notifications' scope='Admin'}}</h3>
diff --git a/client/res/templates/admin/settings/headers/outbound-emails.tpl b/client/res/templates/admin/settings/headers/outbound-emails.tpl
index e208b4b50f..45997fe4ac 100644
--- a/client/res/templates/admin/settings/headers/outbound-emails.tpl
+++ b/client/res/templates/admin/settings/headers/outbound-emails.tpl
@@ -1 +1,3 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Outbound Emails' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Outbound Emails' scope='Admin'}}</h3>
diff --git a/client/res/templates/admin/settings/headers/settings.tpl b/client/res/templates/admin/settings/headers/settings.tpl
index 59ba0a0492..23ed1ec588 100644
--- a/client/res/templates/admin/settings/headers/settings.tpl
+++ b/client/res/templates/admin/settings/headers/settings.tpl
@@ -1 +1,3 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Settings' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Settings' scope='Admin'}}</h3>
diff --git a/client/res/templates/admin/settings/headers/user-interface.tpl b/client/res/templates/admin/settings/headers/user-interface.tpl
index f107b99071..8474eaec02 100644
--- a/client/res/templates/admin/settings/headers/user-interface.tpl
+++ b/client/res/templates/admin/settings/headers/user-interface.tpl
@@ -1 +1,3 @@
-<h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'User Interface' scope='Admin'}}</h3>
+<h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'User Interface' scope='Admin'}}</h3>
diff --git a/client/res/templates/admin/system-requirements/index.tpl b/client/res/templates/admin/system-requirements/index.tpl
index ca23e3327d..ee4e55dbe3 100644
--- a/client/res/templates/admin/system-requirements/index.tpl
+++ b/client/res/templates/admin/system-requirements/index.tpl
@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'System Requirements' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> 
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'System Requirements' scope='Admin'}}</h3></div>
 
 <div class="panel panel-default">
     <table class="table table-striped">
diff --git a/client/res/templates/admin/template-manager/index.tpl b/client/res/templates/admin/template-manager/index.tpl
index b3af16fcd1..996282be19 100644
--- a/client/res/templates/admin/template-manager/index.tpl
+++ b/client/res/templates/admin/template-manager/index.tpl
@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Template Manager' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Template Manager' scope='Admin'}}</h3></div>
 
 <div class="row">
     <div class="col-sm-3">
diff --git a/client/res/templates/admin/upgrade/index.tpl b/client/res/templates/admin/upgrade/index.tpl
index 56ee048f95..ffc2f48bfb 100644
--- a/client/res/templates/admin/upgrade/index.tpl
+++ b/client/res/templates/admin/upgrade/index.tpl
@@ -1,4 +1,6 @@
-<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a> &raquo {{translate 'Upgrade' scope='Admin'}}</h3></div>
+<div class="page-header"><h3><a href="#Admin">{{translate 'Administration'}}</a>
+<span class="breadcrumb-separator"><span class="chevron-right"></span></span>
+{{translate 'Upgrade' scope='Admin'}}</h3></div>
 
 <div class="row">
 <div class="col-md-8">
diff --git a/client/src/views/main.js b/client/src/views/main.js
index 0d9e163a16..78e90afc14 100644
--- a/client/src/views/main.js
+++ b/client/src/views/main.js
@@ -111,7 +111,8 @@ define('views/main', 'view', function (Dep) {
                 a.push('<div class="breadcrumb-item">' + item + '</div>');
             }, this);
 
-            return '<div class="header-breadcrumbs">' + a.join('<div class="breadcrumb-separator">&rsaquo;</div>') + '</div>';
+            return '<div class="header-breadcrumbs">' +
+                a.join('<div class="breadcrumb-separator"><span class="chevron-right"></span></div>') + '</div>';
         },
 
         getHeaderIconHtml: function () {
diff --git a/client/src/views/modals/detail.js b/client/src/views/modals/detail.js
index 23a0fd7044..ddefab36ce 100644
--- a/client/src/views/modals/detail.js
+++ b/client/src/views/modals/detail.js
@@ -225,7 +225,7 @@ define('views/modals/detail', 'views/modal', function (Dep) {
             this.headerHtml += this.getLanguage().translate(scope, 'scopeNames');
 
             if (model.get('name')) {
-                this.headerHtml += ' &raquo; ' + Handlebars.Utils.escapeExpression(model.get('name'));
+                this.headerHtml += ' <span class="chevron-right"></span> ' + Handlebars.Utils.escapeExpression(model.get('name'));
             }
             if (!this.fullFormDisabled) {
                 this.headerHtml = '<a href="#' + scope + '/view/' + this.id+'" class="action font-size-flexible" title="'+this.translate('Full Form')+'" data-action="fullForm">' + this.headerHtml + '</a>';
diff --git a/frontend/less/espo/custom.less b/frontend/less/espo/custom.less
index 4da56a4f0c..8faa717da8 100644
--- a/frontend/less/espo/custom.less
+++ b/frontend/less/espo/custom.less
@@ -289,6 +289,14 @@ label {
     margin-bottom: 10px;
 }
 
+.chevron-right {
+    &::before {
+        content: "\203A";
+        display: inline-block;
+    }
+    padding: 0 0.1em;
+}
+
 .page-header {
     margin: 10px 0;
     border-bottom: 0;
@@ -373,7 +381,7 @@ label {
 
         .header-breadcrumbs {
             .breadcrumb-separator {
-                padding: 0 8px;
+                padding: 0 0.26em;
             }
 
             .breadcrumb-item,