diff --git a/hypha/static_src/src/app/src/containers/ScreeningStatus/index.js b/hypha/static_src/src/app/src/containers/ScreeningStatus/index.js
index 7b4d4dda22d9870dbe72afc56dbe835143ddc621..39918ba31180515627273cf5db3be06c2f2e9cce 100644
--- a/hypha/static_src/src/app/src/containers/ScreeningStatus/index.js
+++ b/hypha/static_src/src/app/src/containers/ScreeningStatus/index.js
@@ -46,7 +46,8 @@ class ScreeningStatusContainer extends React.PureComponent {
       visibleOptions, 
       selectVisibleOption } = this.props
     
-    return !screeningInfo.loading ? screeningStatuses && <SidebarBlock title="Screening Status" >
+    return !screeningInfo.loading ? 
+        screeningStatuses && defaultOptions.yes && defaultOptions.no ? <SidebarBlock title="Screening Status" >
         <div className="screening-status-box" style={{ padding: '1rem'}}>
           <div className="screening-default-options" >
             <div 
@@ -95,7 +96,8 @@ class ScreeningStatusContainer extends React.PureComponent {
           }
           
         </div>
-    </SidebarBlock> : <LoadingPanel />
+      </SidebarBlock> : null
+    : <LoadingPanel />
   }
 }
 
@@ -105,7 +107,7 @@ ScreeningStatusContainer.propTypes = {
   selectDefautValue: PropTypes.func,
   defaultOptions: PropTypes.object,
   screeningInfo: PropTypes.object,
-  visibleOptions: PropTypes.object,
+  visibleOptions: PropTypes.array,
   selectVisibleOption: PropTypes.func,
   submissionID : PropTypes.number,
   screeningStatuses: PropTypes.array
diff --git a/package.json b/package.json
index cc4cdae008dfbbdfaeeb3ed951f09188a08c5bf1..80ada0c31acae30d0acd706cd1c7fc838c62cc8f 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
         "gulp-touch-cmd": "0.0.1",
         "gulp-uglify": "^3.0.2",
         "humps": "^2.0.1",
+        "invariant": "^2.2.4",
         "js-cookie": "^2.2.0",
         "lodash.isequal": "^4.5.0",
         "lodash.pick": "^4.4.0",