stopProp

1 files changed, 3 insertions, 3 deletions

diff --git a/client/modalImage/modalImage.container.js b/client/modalImage/modalImage.container.js
index b05cd0a3..cf009309 100644
--- a/client/modalImage/modalImage.container.js
+++ b/client/modalImage/modalImage.container.js
@@ -76,11 +76,11 @@ class ModalImage extends Component {
       caption = sib.innerText
     }
     return (
-      <div className={visible ? 'modal visible' : 'modal'}>
-        <div className='inner'>
+      <div className={visible ? 'modal visible' : 'modal'} onClick={() => this.close()}>
+        <div className='inner' onClick={e => e.stopPropagation()}>
           <div className='centered'>
             <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>