diff --git a/src/components/ProjectStatus/ProjectStatus.scss b/src/components/ProjectStatus/ProjectStatus.scss
index b0cebe28b..38ee57c1a 100644
--- a/src/components/ProjectStatus/ProjectStatus.scss
+++ b/src/components/ProjectStatus/ProjectStatus.scss
@@ -45,6 +45,17 @@
       }
     }
 
+    .dropdown-wrap {
+      .status-header {
+        &.status-active {
+          &.editable {
+            display: flex;
+            justify-content: center;
+          }
+        }
+      }
+    }
+
     .status-label {
       vertical-align: top;
     }
diff --git a/src/components/ProjectStatus/ProjectStatusChangeConfirmation.jsx b/src/components/ProjectStatus/ProjectStatusChangeConfirmation.jsx
index a29abb354..e0775d0d7 100644
--- a/src/components/ProjectStatus/ProjectStatusChangeConfirmation.jsx
+++ b/src/components/ProjectStatus/ProjectStatusChangeConfirmation.jsx
@@ -79,7 +79,7 @@ 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 })}
+      <div className={cn('modal', 'project-status-change-modal')}
         ref={(input) => { if (input && ! this.wrapper){this.wrapper = input; this.setState({showUp:this.shouldDropdownUp()}) }}}
         onClick={e => e.stopPropagation()}
       >
diff --git a/src/components/ProjectStatus/ProjectStatusChangeConfirmation.scss b/src/components/ProjectStatus/ProjectStatusChangeConfirmation.scss
index 8fd19c05e..148398bad 100644
--- a/src/components/ProjectStatus/ProjectStatusChangeConfirmation.scss
+++ b/src/components/ProjectStatus/ProjectStatusChangeConfirmation.scss
@@ -10,7 +10,6 @@
     z-index: 20;
 
     &.modal{
-      position: absolute;
     }
 
     .cancellation-reason {
@@ -35,11 +34,11 @@
         width: 100%;
       }
     }
-  
+
     &.dropdown-up {
       top: auto;
       bottom: 320px;
     }
   }
 }
-  
\ No newline at end of file
+