diff --git a/src/components/navigation/menu-item/menu-item.scss b/src/components/navigation/menu-item/menu-item.scss index fcbda8071e777ff32c101f63b8c5276702153b77..2bcafc7e4b171b34085c5c824e25b972ac193f00 100644 --- a/src/components/navigation/menu-item/menu-item.scss +++ b/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; diff --git a/src/components/navigation/menu-mobile-breadcrumb/menu-mobile-breadcrumb.scss b/src/components/navigation/menu-mobile-breadcrumb/menu-mobile-breadcrumb.scss index 51084fa1bb4bf50e2f99c7e2b8f05e63ffd8a32a..5b81b608b074a264d1a31ca81645ad4504e0c0a1 100644 --- a/src/components/navigation/menu-mobile-breadcrumb/menu-mobile-breadcrumb.scss +++ b/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;