diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/components/date_range_picker.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/components/date_range_picker.tsx
index 5529f2892702..32994b37fffe 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/components/date_range_picker.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/components/date_range_picker.tsx
@@ -79,8 +79,10 @@ export function DateRangePicker({ seriesId, series }: { seriesId: number; series
   return (
     <EuiDatePickerRange
       fullWidth
+      isCustom
       startDateControl={
         <EuiDatePicker
+          fullWidth
           selected={startDate}
           onChange={onStartChange}
           startDate={startDate}
@@ -91,11 +93,13 @@ export function DateRangePicker({ seriesId, series }: { seriesId: number; series
           })}
           dateFormat={dateFormat.replace('ss.SSS', 'ss')}
           showTimeSelect
-          popoverPlacement="left"
+          popoverPlacement="right"
         />
       }
       endDateControl={
         <EuiDatePicker
+          fullWidth
+          showIcon={false}
           selected={endDate}
           onChange={onEndChange}
           startDate={startDate}
@@ -106,7 +110,7 @@ export function DateRangePicker({ seriesId, series }: { seriesId: number; series
           })}
           dateFormat={dateFormat.replace('ss.SSS', 'ss')}
           showTimeSelect
-          popoverPlacement="left"
+          popoverPlacement="right"
         />
       }
     />