diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/timeline/timeline.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/timeline/timeline.tsx
index 70e613d536ef36..1be8266c42bd98 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/timeline/timeline.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/timeline/timeline.tsx
@@ -214,7 +214,7 @@ export const Timeline: React.FC<Props> = ({ interval, yAxisFormatter, isVisible
       data-test-subj={isVisible ? 'timelineContainerOpen' : 'timelineContainerClosed'}
     >
       <TimelineHeader>
-        <EuiFlexItem grow={true}>
+        <EuiFlexItem grow={false} style={{ marginRight: 20 }}>
           <EuiText>
             <strong>
               <FormattedMessage
@@ -225,7 +225,7 @@ export const Timeline: React.FC<Props> = ({ interval, yAxisFormatter, isVisible
             </strong>
           </EuiText>
         </EuiFlexItem>
-        <EuiFlexItem grow={false}>
+        <EuiFlexItem grow={true}>
           <EuiFlexGroup alignItems={'center'} responsive={false}>
             <EuiFlexItem grow={false}>
               <EuiFlexGroup gutterSize={'s'} alignItems={'center'} responsive={false}>