diff --git a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker.tsx b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker.tsx
index 8cdb82af782..129e9a3a2c1 100644
--- a/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker.tsx
+++ b/packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker.tsx
@@ -127,7 +127,7 @@ export function TimeRangePicker(props: TimeRangePickerProps) {
       {isOpen && (
         <>
           <div role="presentation" className={cx(modalBackdrop, styles.backdrop)} {...underlayProps} />
-          <section ref={ref} {...overlayProps} {...dialogProps}>
+          <section className={styles.content} ref={ref} {...overlayProps} {...dialogProps}>
             <FocusScope contain autoFocus>
               <TimePickerContent
                 timeZone={timeZone}