diff --git a/opentech/static_src/src/app/src/App.js b/opentech/static_src/src/app/src/App.js
index 6704bbda9de764f34f2fe86880f136bae946e9bd..bb149517da239555433b6b2946174aa6cbdb7d7b 100644
--- a/opentech/static_src/src/app/src/App.js
+++ b/opentech/static_src/src/app/src/App.js
@@ -12,21 +12,26 @@ class App extends React.Component {
         }
     }
 
-    detailOpen = (state) => {this.setState({detailOpen: state})}
+    detailOpen = (state) => {
+        this.setState({style: {display: 'None'}})
+        this.setState({detailOpen: true})
+    }
+
+    detailClose = () => {
+        this.setState({style: {}})
+        this.setState({detailOpen: false})
+    }
 
     render () {
         return (
             <div>
                 <div>
-                    <button className="red-button" onClick={() => this.detailOpen(true)}>Detail View</button>
+                    <button className="red-button" onClick={this.detailOpen}>Detail View</button>
                     |
-                    <button onClick={() => this.detailOpen(false)}>List View</button>
+                    <button onClick={this.detailClose}>List View</button>
                 </div>
-                {this.state.detailOpen ? (
-                    <div><h2>THIS IS REACT</h2></div>
-                ) : (
-                    <div dangerouslySetInnerHTML={ {__html: this.props.originalContent} } />
-                )}
+                {this.state.detailOpen && <div><h2>THIS IS REACT</h2></div>}
+                <div style={this.state.style} dangerouslySetInnerHTML={ {__html: this.props.originalContent} } />
             </div>
     )}
 }