diff --git a/src/components/ProjectStatus/ProjectStatusChangeConfirmation.jsx b/src/components/ProjectStatus/ProjectStatusChangeConfirmation.jsx
index 7dce15331..c7efa726e 100644
--- a/src/components/ProjectStatus/ProjectStatusChangeConfirmation.jsx
+++ b/src/components/ProjectStatus/ProjectStatusChangeConfirmation.jsx
@@ -78,7 +78,10 @@ class ProjectStatusChangeConfirmation extends Component {
     const { newStatus, onCancel } = this.props
     this.shouldDropdownUp()
     return (
-      <div className={cn('modal', 'project-status-change-modal', { 'dropdown-up': this.state.showUp })} ref={(input) => { if (input && ! this.wrapper){this.wrapper = input; this.setState({showUp:this.shouldDropdownUp()}) }}}>
+      <div className={cn('modal', 'project-status-change-modal', { 'dropdown-up': this.state.showUp })}
+        ref={(input) => { if (input && ! this.wrapper){this.wrapper = input; this.setState({showUp:this.shouldDropdownUp()}) }}}
+        onClick={e => e.stopPropagation()}
+      >
         <div className="modal-title danger">
           You are about to { this.titleStatus } the project
         </div>