fixed the metadata

css/components/site-header.css

@@ -35,13 +35,15 @@
   align-self: stretch;
   background-color: var(--color--primary-50);
 }
+.container.site-header__inner__container {
+  box-shadow: -1px 0 4px 0px rgba(0, 0, 0, 0.3333);
+}
 
 .site-header__fixable {
   display: flex;
   align-items: flex-end;
   transition: all 0.5s;
 }
-
 @media ((((min-width: 60rem)))) {
   .site-header__fixable.is-fixed:not(.is-expanded) {
     pointer-events: none;
@@ -52,7 +54,9 @@
   body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
     position: fixed;
     z-index: 102; /* Appear above body content that is position: relative */
-    inset-block-start: calc(var(--drupal-displace-offset-top, 0px) - var(--sp4));
+    inset-block-start: calc(
+      var(--drupal-displace-offset-top, 0px) - var(--sp4)
+    );
     max-width: var(--max-bg-color);
   }
 }
@@ -61,7 +65,10 @@
   position: relative;
   z-index: 1; /* Appear in front of Drupal's tabs. */
   flex-grow: 1;
-  width: calc(100vw - var(--content-left) - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
+  width: calc(
+    100vw - var(--content-left) - var(--drupal-displace-offset-left, 0px) -
+      var(--drupal-displace-offset-right, 0px)
+  );
   background: var(--color--white);
 }
 
@@ -91,14 +98,19 @@
 /* Hide the desktop nav when it's fixed and not active. */
 
 @media ((((min-width: 60rem)))) {
-  body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner {
+  body:not(.is-always-mobile-nav)
+    .site-header__fixable.is-fixed:not(.is-expanded)
+    .site-header__inner {
     transform: translateX(-101%); /* LTR */
     opacity: 0;
   }
 }
 
 @media ((((min-width: 60rem)))) {
-  [dir="rtl"] body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner {
+  [dir="rtl"]
+    body:not(.is-always-mobile-nav)
+    .site-header__fixable.is-fixed:not(.is-expanded)
+    .site-header__inner {
     transform: translateX(101%);
   }
 }