1 files changed, 3 insertions, 3 deletions
diff --git a/client/modalImage/modalImage.container.js b/client/modalImage/modalImage.container.js
index b05cd0a3..77f9a9df 100644
--- a/client/modalImage/modalImage.container.js
+++ b/client/modalImage/modalImage.container.js
@@ -77,10 +77,10 @@ class ModalImage extends Component {
     }
     return (
       <div className={visible ? 'modal visible' : 'modal'}>
-        <div className='inner'>
-          <div className='centered'>
+        <div className='inner' onClick={() => this.close()}>
+          <div className='centered' onClick={e => e.stopPropagation()}>
             <img src={img.src} />
-            {caption && <div class='caption'>{caption}</div>}
+            {caption && <div className='caption'>{caption}</div>}
           </div>
         </div>
         <div onClick={() => this.prev()} className='prev' aria-label='Previous image' alt='Previous image'><img src='/assets/img/arrow-left.png' /></div>