diff --git a/packages/grafana-ui/src/components/DateTimePickers/TimeRangeInput.tsx b/packages/grafana-ui/src/components/DateTimePickers/TimeRangeInput.tsx
index d4c6d4d29c0..ae8f995f63e 100644
--- a/packages/grafana-ui/src/components/DateTimePickers/TimeRangeInput.tsx
+++ b/packages/grafana-ui/src/components/DateTimePickers/TimeRangeInput.tsx
@@ -127,6 +127,9 @@ const getStyles = stylesFactory((theme: GrafanaTheme2, disabled = false) => {
     `,
     content: css`
       margin-left: 0;
+      position: absolute;
+      top: 116%;
+      z-index: ${theme.zIndex.dropdown};
     `,
     pickerInput: cx(
       inputStyles.input,