diff --git a/src/stylesheets/components/_navigation.scss b/src/stylesheets/components/_navigation.scss
index be21eafb70..17875d1f5c 100644
--- a/src/stylesheets/components/_navigation.scss
+++ b/src/stylesheets/components/_navigation.scss
@@ -1,3 +1,5 @@
+$navigation-height: 50px;
+
 .app-navigation {
   border-bottom: 1px solid $govuk-border-colour;
   background-color: $app-light-grey;
@@ -10,7 +12,11 @@
 
   @include govuk-media-query($from: tablet) {
     position: relative;
-    left: govuk-spacing(-3);
+
+    // Offset gutter by tablet list-item padding
+    left: $govuk-gutter-half * -1;
+    width: calc(100% - $govuk-gutter);
+    min-height: $navigation-height;
   }
 }
 
@@ -18,8 +24,6 @@
   position: relative;
 
   @include govuk-media-query($from: tablet) {
-    $navigation-height: 50px;
-
     @include govuk-font(19, $weight: bold, $line-height: $navigation-height);
     box-sizing: border-box;
     height: $navigation-height;