diff --git a/packages/govuk-frontend/src/govuk/components/header/_index.scss b/packages/govuk-frontend/src/govuk/components/header/_index.scss
index 178180fbcf..2b71045ed0 100644
--- a/packages/govuk-frontend/src/govuk/components/header/_index.scss
+++ b/packages/govuk-frontend/src/govuk/components/header/_index.scss
@@ -10,7 +10,7 @@
   // This crown height is only used to calculate top offset of mobile menu button
   // as the crown svg height is the only thing that controls the height of the header
   $govuk-header-crown-height: 30px;
-  $govuk-header-menu-button-height: 20px;
+  $govuk-header-menu-button-height: 24px;
   $govuk-header-menu-button-width: 80px;
 
   .govuk-header {