Fix header with product name focus and hover state length

src/govuk/components/header/_index.scss

@@ -106,7 +106,7 @@
     // in Firefox
     @include govuk-font($size: false, $weight: bold);
 
-    display: inline-block;
+    display: inline;
     margin-right: govuk-spacing(2);
     font-size: 30px; // We don't have a mixin that produces 30px font size
     line-height: 1;
@@ -129,6 +129,9 @@
     &:focus {
       margin-bottom: 0;
       border-bottom: 0;
+      // Replicate the focus box shadow but without the -2px y-offset of the first, yellow shadow
+      // This is to stop the logo getting cut off by the box shadow when focused on above a product name
+      box-shadow: 0 0 $govuk-focus-colour;
     }
   }