diff --git a/src/styles/components/list.scss b/src/styles/components/list.scss index e3954b68..96cb2a2d 100644 --- a/src/styles/components/list.scss +++ b/src/styles/components/list.scss @@ -65,7 +65,7 @@ position: absolute; right: 1.5em; margin-top: -58px; - z-index: 99; + z-index: 4; .items { display: flex; diff --git a/src/styles/theme/navigation.scss b/src/styles/theme/navigation.scss index 8fd94c07..a816503f 100644 --- a/src/styles/theme/navigation.scss +++ b/src/styles/theme/navigation.scss @@ -340,6 +340,7 @@ font-weight: bold; font-size: 2em; color: $dark; + line-height: 1; &:hover, &:focus { color: darken($dark, 20); @@ -370,14 +371,14 @@ @media screen and (max-width: $tablet) { .mobilemenu-hide-button { display: block; - top: 1vh; - right: 4vh; + top: 1rem; + right: 1rem; } .mobilemenu-show-button { display: block; - top: 1vh; - left: 4vh; + top: 1rem; + left: 1rem; } .mobile-overlay {