diff --git a/front/src/ModalSuppression.js b/front/src/ModalSuppression.js
index d9f89bc689ea27f6ebbb12d9ef77c2741edcac0e..6f863e3dca9c40e1236f3cf49c5ae024c2b5014e 100644
--- a/front/src/ModalSuppression.js
+++ b/front/src/ModalSuppression.js
@@ -1,9 +1,10 @@
 import React, {Component} from 'react'
 import {Modal, Button, Image} from 'semantic-ui-react'
+import env from '.env'
 
 class ModalSupression extends Component {
     deleteToucan(id) {
-        fetch(`/toucan/delete/${id}`,{
+        fetch(`${env.backURL}/toucan/delete/${id}`,{
             method: "Post"
         })
         .then(this.props.closeModal())
@@ -16,7 +17,7 @@ class ModalSupression extends Component {
             >
             <Modal.Header style ={{textAlign:"center"}}>Veux tu vraiment supprimer ce Toucan ?</Modal.Header>
             <Modal.Content>
-                <Image centered src={`/toucan/img/${this.props.toucanId}`} size="medium"/>
+                <Image centered src={`${env.backURL}/toucan/img/${this.props.toucanId}`} size="medium"/>
             </Modal.Content>
             <Modal.Actions style ={{textAlign:"center"}} >
                 <Button negative onClick={()=>this.deleteToucan(this.props.toucanId)}>Supprimer le Toucan</Button>