diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index c1e4e8ac4fbfb8c3fffcd98d92cea7b8912dbdd1..1decdd0e8f680bf63b5d7b69697a3be66088d3ee 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -122,6 +122,8 @@ $btn-border-radius: px2rem(4) !default
 
 // Breadcrumb
 $breadcrumb-color: $color-text !default
+$breadcrumb-icon: "caret-right" !default
+$breadcrumb-icon-color: $color-text-alt !default
 
 // Spacing
 $spacing0: px2rem(12) !default
diff --git a/assets/sass/_theme/design-system/breadcrumb.sass b/assets/sass/_theme/design-system/breadcrumb.sass
index 3a5f615c5c2dc9fd792ba2819dfaa44704ec3074..adab37996bae507990a93feedaf8442d16334160 100644
--- a/assets/sass/_theme/design-system/breadcrumb.sass
+++ b/assets/sass/_theme/design-system/breadcrumb.sass
@@ -12,12 +12,12 @@
             @include meta
         a
             color: $breadcrumb-color
-            text-decoration-color: rgba($breadcrumb-color, 0.3)
+            text-decoration-color: rgba($breadcrumb-color, 0)
+            line-height: 1
             &:hover
                 text-decoration-color: rgba($breadcrumb-color, 1)
         &:not(:first-child)
-            padding-left: 0.5rem
-            &::before
-                color: lighten($breadcrumb-color, 0.5)
-                content: "/"
-                padding-right: 0.5rem
+            padding-left: $spacing0
+            @include icon($breadcrumb-icon)
+                padding-right: $spacing0
+                color: $breadcrumb-icon-color