Fixed alignment of header menu

Jira ticket: CAMS-436

Co-authored-by: Fritz Madden <[email protected]>
Co-authored-by: James Brooks <[email protected]>
Co-authored-by: Brian Posey <[email protected]>,

Author: fmaddenflx

user-interface/src/lib/components/Header.scss

@@ -13,15 +13,10 @@
   }
 }
 
-.usa-header > * {
+.cams-header.usa-header > * {
   background-color: colors.$navy;
 }
 
-.cams-header .usa-banner > * {
-  vertical-align: middle;
-  line-height: normal;
-}
-
 .cams-header {
   background-color: colors.$navy;
   border-bottom: 3px solid colors.$gold;
@@ -31,6 +26,11 @@
 
   @include header-links;
 
+  .usa-banner > * {
+    vertical-align: middle;
+    line-height: normal;
+  }
+
   .usa-nav-container {
     display: block;
     padding-left: 0;
@@ -268,3 +268,13 @@
     }
   }
 }
+
+@media (min-width: 64em) {
+  .cams-header {
+    .usa-nav-container::after {
+      clear: none;
+      content: none;
+      display: none;
+    }
+  }
+}