Fix z-index of logs page toolbar

x-pack/legacy/plugins/infra/public/pages/logs/stream/page_toolbar.tsx

@@ -23,6 +23,14 @@ import { LogFilterState } from '../../../containers/logs/log_filter';
 import { LogPositionState } from '../../../containers/logs/log_position';
 import { Source } from '../../../containers/source';
 import { WithKueryAutocompletion } from '../../../containers/with_kuery_autocompletion';
+import euiStyled from '../../../../../../common/eui_styled_components';
+
+// We need to raise the z-index of the toolbar, so the datepicker inside is
+// above the table header of the log stream.
+const LogsToolbarWrapper = euiStyled(Toolbar)`
+  position: relative;
+  z-index: 2
+`;
 
 export const LogsToolbar = () => {
   const { createDerivedIndexPattern } = useContext(Source.Context);
@@ -62,7 +70,7 @@ export const LogsToolbar = () => {
     stopLiveStreaming,
   } = useContext(LogPositionState.Context);
   return (
-    <Toolbar>
+    <LogsToolbarWrapper>
       <EuiFlexGroup alignItems="center" justifyContent="spaceBetween" gutterSize="s">
         <EuiFlexItem>
           <WithKueryAutocompletion indexPattern={derivedIndexPattern}>
@@ -133,6 +141,6 @@ export const LogsToolbar = () => {
           />
         </EuiFlexItem>
       </EuiFlexGroup>
-    </Toolbar>
+    </LogsToolbarWrapper>
   );
 };