Last style fix

Author: cchaos

src-docs/src/views/header/header_position.js

@@ -13,6 +13,7 @@ export default () => {
   const sections = [
     {
       items: [<EuiHeaderLogo iconType="logoKibana">Kibana</EuiHeaderLogo>],
+      borders: 'right',
     },
   ];
 

src/themes/eui-amsterdam/global_styling/variables/_header.scss

@@ -1,5 +1,7 @@
-$euiHeaderBorderColor: shade($euiBorderColor, 3%);
-$euiHeaderHeight: $euiSizeXXL + $euiSizeS;
+// Curated border color to fade into the shadow without looking too much like a border
+// It adds separation between the header and flyout
+$euiHeaderBorderColor: lightOrDarkTheme(shade($euiBorderColor, 3%), shade($euiColorEmptyShade, 35%));
 
+$euiHeaderHeight: $euiSizeXXL + $euiSizeS;
 $euiHeaderChildSize: $euiSizeXXL;
 $euiHeaderHeightCompensation: $euiHeaderHeight;