Update mobile menu breadcrumbs styling and spacings

src/components/navigation/menu-item/menu-item.scss

@@ -118,10 +118,11 @@ a {
 
   &.hy-menu-item--mobile {
     color: var(--brand-main-light);
-    padding: 12px 0 12px 20px;
+    padding: 12px 12px 12px 20px;
 
     &.is-active,
     &.in-active-trail {
+      @include font-weight($bold);
       color: var(--grayscale-black);
       position: relative;
 

src/components/navigation/menu-mobile-breadcrumb/menu-mobile-breadcrumb.scss

@@ -4,18 +4,27 @@
   border: 0 none;
   cursor: pointer;
   display: flex;
-  margin: 0 0 15px;
+  margin: 0 0 24px 16px;
   padding: 0;
 
+  @include breakpoint($narrow) {
+    margin: 0 0 24px 28px;
+  }
+
   &:focus {
     outline: solid 2px var(--additional-yellow);
     outline-offset: 2px;
   }
 
+  svg {
+    fill: var(--brand-main-light);
+  }
+
   &__label {
     @include font-size(14px, 20px);
     @include font-weight($regular);
     align-items: center;
+    color: var(--brand-main-light);
     display: flex;
     margin-left: 6px;
     text-align: left;