diff --git a/_sass/navigation.scss b/_sass/navigation.scss
index 43efed552f596b69118da403f0c006893158b93b..6a6092647a5a5fe1f05f16d4eab077baf4948593 100644
--- a/_sass/navigation.scss
+++ b/_sass/navigation.scss
@@ -10,6 +10,7 @@
 
   .nav-list-item {
     @include fs-4;
+    position: relative;
     margin: 0;
 
     @include mq(md) {
@@ -18,12 +19,18 @@
 
     .nav-list-link {
       display: block;
-      min-height: $nav-list-item-height;
-      line-height: #{$nav-list-item-height - 2 * $sp-1};
+      min-height: $nav-list-item-height-sm;
+      line-height: #{$nav-list-item-height-sm - 2 * $sp-1};
       padding-top: $sp-1;
       padding-right: $gutter-spacing-sm;
       padding-bottom: $sp-1;
-      padding-left: $nav-list-item-height;
+      padding-left: $nav-list-item-height-sm;
+
+      @include mq(md) {
+        min-height: $nav-list-item-height;
+        line-height: #{$nav-list-item-height - 2 * $sp-1};
+        padding-left: $nav-list-item-height;
+      }
 
       &.active {
         font-weight: 600;
@@ -38,14 +45,23 @@
 
     .nav-list-expander {
       position: absolute;
-      width: $nav-list-item-height;
-      height: $nav-list-item-height;
-      padding-top: #{$nav-list-item-height / 4};
-      padding-right: #{$nav-list-item-height / 4};
-      padding-bottom: #{$nav-list-item-height / 4};
-      padding-left: #{$nav-list-item-height / 4};
+      width: $nav-list-item-height-sm;
+      height: $nav-list-item-height-sm;
+      padding-top: #{$nav-list-item-height-sm / 4};
+      padding-right: #{$nav-list-item-height-sm / 4};
+      padding-bottom: #{$nav-list-item-height-sm / 4};
+      padding-left: #{$nav-list-item-height-sm / 4};
       fill: $link-color;
 
+      @include mq(md) {
+        width: $nav-list-item-height;
+        height: $nav-list-item-height;
+        padding-top: #{$nav-list-item-height / 4};
+        padding-right: #{$nav-list-item-height / 4};
+        padding-bottom: #{$nav-list-item-height / 4};
+        padding-left: #{$nav-list-item-height / 4};
+      }
+
       &:hover {
         background-color: $feedback-color;
       }
diff --git a/_sass/support/_variables.scss b/_sass/support/_variables.scss
index 7f067a957dc56fb2a2fbc99a13ce21cb764f5c0d..ad8cdd1e3d5d806ac227e4300934d44b19579ed1 100644
--- a/_sass/support/_variables.scss
+++ b/_sass/support/_variables.scss
@@ -114,6 +114,7 @@ $gutter-spacing-sm: $sp-4 !default;
 $nav-width: 264px !default;
 $nav-width-md: 248px !default;
 $nav-list-item-height: $sp-6 !default;
+$nav-list-item-height-sm: $sp-8 !default;
 $content-width: 800px !default;
 $header-height: 60px !default;
 $search-results-width: 500px !default;