diff --git a/webpack/assets/javascripts/react_app/components/common/DateTimePicker/DateTimePicker.js b/webpack/assets/javascripts/react_app/components/common/DateTimePicker/DateTimePicker.js
index b1ed97de05d..b947718327b 100644
--- a/webpack/assets/javascripts/react_app/components/common/DateTimePicker/DateTimePicker.js
+++ b/webpack/assets/javascripts/react_app/components/common/DateTimePicker/DateTimePicker.js
@@ -92,6 +92,8 @@ class DateTimePicker extends React.Component {
           />
           <Popover
             position={placement}
+            className="container"
+            style={{ minWidth: '50em', width: '33%'}}
             bodyContent={popover}
             onShown={() => this.setState({ hiddenValue: false })}
           >