modal css

1 files changed, 3 insertions, 3 deletions

diff --git a/client/modalImage/modalImage.container.js b/client/modalImage/modalImage.container.js
index 5479ca5f..d6271d61 100644
--- a/client/modalImage/modalImage.container.js
+++ b/client/modalImage/modalImage.container.js
@@ -83,9 +83,9 @@ class ModalImage extends Component {
             {caption && <div class='caption'>{caption}</div>}
           </div>
         </div>
-        <div onClick={() => this.prev()}className='prev'><span>{'<'}</span></div>
-        <div onClick={() => this.next()} className='next'><span>{'>'}</span></div>
-        <div onClick={() => this.close()} className='close'><span>{'×'}</span></div>
+        <div onClick={() => this.prev()} className='prev' aria-label='Previous image' alt='Previous image'><img src='/assets/img/arrow-left.png' /></div>
+        <div onClick={() => this.next()} className='next' aria-label='Next image' alt='Next image'><img src='/assets/img/arrow-right.png' /></div>
+        <div onClick={() => this.close()} className='close' aria-label='Close' alt='Close'><img src='/assets/img/close.png' /></div>
       </div>
     )
   }