diff --git a/assets/stylesheets/global/breadcrumb.css b/assets/stylesheets/global/breadcrumb.css
index b966c28..8f80cc4 100644
--- a/assets/stylesheets/global/breadcrumb.css
+++ b/assets/stylesheets/global/breadcrumb.css
@@ -1,6 +1,8 @@
 @block breadcrumb {
   margin-bottom: calc(var(--grid-gutter) * 0.25);
 
+  font-size: 0.875em;
+
   & ul {
     display: flex;
     list-style: none;
@@ -9,27 +11,31 @@
     padding: 0;
 
     & li {
-
       margin: 0;
 
-      & + li {
-        margin-left: calc(var(--grid-gutter) / 4);
+      &:after{
+        content: '';
+        display: inline-block;
+        background: url('/images/icon-breadcrumb.svg');
+        background-size: contain;
+        background-position: center center;
+        background-repeat: no-repeat;
+        width: 4px;
+        height: 8px;
+        padding: 0 calc(var(--grid-gutter) / 4);
       }
 
-      &:after{
-        content: ' >';
-      }
       &:last-child:after{
-        content: '';
+        display: none;
       }
 
       & a {
         display: inline-block;
         text-transform: capitalize;
+
         &:hover {
           color: var(--color-link-content-hover);
         }
-
       }
     }
   }
diff --git a/public/images/icon-breadcrumb.svg b/public/images/icon-breadcrumb.svg
new file mode 100644
index 0000000..eceb221
--- /dev/null
+++ b/public/images/icon-breadcrumb.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="5" height="8" viewBox="0 0 5 8">
+    <path fill="none" fill-rule="evenodd" stroke="#8091A5" stroke-width="1.5" d="M1 7l3-2.89L1 1"/>
+</svg>
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index bd4bc85..74e79ed 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -1486,6 +1486,8 @@ display: flex;
 
 .breadcrumb {
   margin-bottom: 5.5px;
+
+  font-size: 0.875em;
 }
 
 .breadcrumb ul {
@@ -1503,16 +1505,20 @@ display: flex;
   margin: 0;
 }
 
-.breadcrumb ul li + li {
-  margin-left: 5.5px;
-}
-
 .breadcrumb ul li:after {
-  content: ' >';
+  content: '';
+  display: inline-block;
+  background: url('/images/icon-breadcrumb.svg');
+  background-size: contain;
+  background-position: center center;
+  background-repeat: no-repeat;
+  width: 4px;
+  height: 8px;
+  padding: 0 5.5px;
 }
 
 .breadcrumb ul li:last-child:after {
-  content: '';
+  display: none;
 }
 
 .breadcrumb ul li a {