diff --git a/breadcrumb.scss b/breadcrumb.scss
index bfc444d..a0caa82 100644
--- a/breadcrumb.scss
+++ b/breadcrumb.scss
@@ -17,12 +17,12 @@
             display: block;
             width: 0;
             height: 0;
-            border-top: 18px solid transparent;
-            border-bottom: 17px solid transparent;
-            border-left: 14px solid var(--box-border);
+            border-top: 20px solid transparent;
+            border-bottom: 20px solid transparent;
+            border-left: 14px solid #fff;
             position: absolute;
             top: 50%;
-            margin-top: -18px;
+            margin-top: -20px;
             left: 100%;
         }
 
@@ -37,7 +37,7 @@
         }
 
         &.active:not(:last-child):after, &:hover:not(:last-child):after  {
-            border-left: 14px solid #ffffff;
+            border-left: 14px solid var(--button-colored-background-hover);
         }
     }
 
diff --git a/styles.css b/styles.css
index 0b20c07..96498ba 100644
--- a/styles.css
+++ b/styles.css
@@ -3820,12 +3820,12 @@ blockquote {
       display: block;
       width: 0;
       height: 0;
-      border-top: 18px solid transparent;
-      border-bottom: 17px solid transparent;
-      border-left: 14px solid var(--box-border);
+      border-top: 20px solid transparent;
+      border-bottom: 20px solid transparent;
+      border-left: 14px solid #fff;
       position: absolute;
       top: 50%;
-      margin-top: -18px;
+      margin-top: -20px;
       left: 100%; }
     .crumbs-1 li:not(.last):after {
       z-index: 2; }
@@ -3834,7 +3834,7 @@ blockquote {
       margin-left: 1px;
       z-index: 1; }
     .crumbs-1 li.active:not(.last):after, .crumbs-1 li:hover:not(.last):after {
-      border-left: 14px solid #ffffff; }
+      border-left: 14px solid var(--button-colored-background-hover); }
   .crumbs-1 .last {
     padding-right: 20px; }
     .crumbs-1 .last:before {