diff --git a/scss/components/_breadcrumb.scss b/scss/components/_breadcrumb.scss
index f17cfbc..c9e40fc 100644
--- a/scss/components/_breadcrumb.scss
+++ b/scss/components/_breadcrumb.scss
@@ -1,44 +1,21 @@
-/* ------------------ BREADCRUMB ------------------- */
-
 ul.breadcrumb, ol.breadcrumb, .breadcrumb {
-    padding-top: 0em;
-    background-color:transparent;
-    margin: 0;
-    padding-bottom:$lineheight;
+    @include shape-style($button_large);
+    background-color: $color-background-alt;
+    &::before {
+        background-color: $color-background-alt;
+    }
+    padding: $button_large/2;
+    margin: 0 0 $lineheight;
     @include li-flex();
 }
 
-.breadcrumb li.breadcrumb-item {
-    padding:0;
-    margin:0;
-    &:not(:first-child) {
-        margin: 0 0 0 1rem !important;
-    }
-    &:before {
-        display:none;
+.breadcrumb {
+    li:not(:first-child)::before {
+        content:"/";
+        padding: 0.3rem;
     }
 
-    a, & > span {
-        display:inline-block;
-        @include button($button-large);
-        @include button-fullcontrol($color-background-alt, accentuate($color-background-alt), get-color("dark2"));
-        margin:0 $button-group-margin 0 $button-group-margin;
-        outline-color: accentuate($color-background-alt)!important;
-        text-decoration: none;
-
-        &.active {
-            @include button-fullcontrol($color-secondary, $color-secondary, $color-font-light);
-        }
+    .active {
+        font-weight: 600;
     }
-
-    &:not(:first-child) a, &:not(:first-child) > span {
-      border-top-left-radius: 0;
-      border-bottom-left-radius:0;
-    }
-
-    &:not(:last-child) a, &:not(:last-child) > span {
-      border-top-right-radius: 0;
-      border-bottom-right-radius:0;
-    }
-
 }