--- a/client/src/components/NotesList.js	Mon Sep 03 11:57:58 2018 +0200
+++ b/client/src/components/NotesList.js	Mon Sep 03 20:02:14 2018 +0200
@@ -88,20 +88,19 @@
         )}
 
         <Modal
-        className="Modal__Bootstrap modal-dialog"
+        className="Modal__Bootstrap modal-dialog mt-5 pt-5 justify-content-lg-center"
         // closeTimeoutMS={150}
         isOpen={this.state.modalIsOpen}
         onRequestClose={this.handleModalCloseRequest}
         >
-          <div id="delete-note-modal" className="modal-content text-center">
-            <button type="button" id="delete-note-close-modal-button" className="btn btn-secondary float-right" onClick={ this.handleModalCloseRequest }><span className="material-icons">close</span></button>
+          <div id="delete-note-modal" className="modal-content">
+            <span id="delete-note-close-modal-button" className="material-icons p-0 text-right" onClick={ this.handleModalCloseRequest }>close</span>
+            <div className="modal-body text-center">
             <span className="modal-text">Êtes-vous sûr(e) de vouloir supprimer cette note ?</span>
-            <div className="modal-footer">
-              <button type="button" className="btn btn-primary text-secondary" id="delete-note-modal-button" onClick={ this.deleteNote }>Confirmer</button>
+              <button type="button" className="btn btn-primary text-secondary font-weight-bold py-1 px-2 mt-3" id="delete-note-modal-button" onClick={ this.deleteNote }>Confirmer</button>
             </div>
           </div>
         </Modal>
-
       </div>
     );
   }