Test: move border

Author: MartinJJones

app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss

@@ -8,7 +8,7 @@ $chevron-indent-spacing: 7px;
 
 $pseudo-underline-height: 3px;
 
-$navbar-height: 60px;
+$navbar-height: 61px;
 
 $button-pipe-colour: $govuk-blue-tint-95;
 
@@ -98,7 +98,6 @@ $search-icon-height: 20px;
   background: $govuk-brand-colour;
   border-top: 1px solid $govuk-brand-colour;
   margin-top: -1px;
-  border-bottom: 1px solid transparent;
   position: relative;
 
   [hidden] {
@@ -694,4 +693,9 @@ $search-icon-height: 20px;
     padding: 10px 0 !important; // stylelint-disable-line declaration-no-important
   }
 }
+
+.transparent-bottom-border {
+  border-bottom: 1px solid rgba(0,0,0,0);
+}
+
 // stylelint-enable max-nesting-depth

app/views/govuk_publishing_components/components/_layout_super_navigation_header.html.erb

@@ -43,7 +43,7 @@
 %>
 <%= tag.header(**component_helper.all_attributes) do %>
   <div class="gem-c-layout-super-navigation-header__container govuk-clearfix">
-    <div class="govuk-width-container">
+    <div class="govuk-width-container transparent-bottom-border">
       <%= content_tag(:div, {
         class: header_logo_classes
       }) do %>