diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/App.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/App.vue
index 7c1bcabad..929295ceb 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/App.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/App.vue
@@ -39,18 +39,18 @@
             <div v-else>
                <form>
                   <div class="row">
-                     <div class="col-12 text-center">entre<br>et</div>
+                     <div class="col-12 text-center">{{ $t('visgraph.between') }}<br>{{ $t('visgraph.and') }}</div>
                      <div class="col">
                         <h4>
                            {{ getPerson(modal.data.from).text }}
                         </h4>
                         <p class="text-start" v-if="relation && relation.title">
-                        <span v-if="reverse">
-                           {{ $t('visgraph.relation_from_to_like', [ getPerson(modal.data.from).text, getPerson(modal.data.to).text, relation.reverseTitle.fr.toLowerCase() ])}}
-                        </span>
+                           <span v-if="reverse">
+                              {{ $t('visgraph.relation_from_to_like', [ getPerson(modal.data.from).text, getPerson(modal.data.to).text, relation.reverseTitle.fr.toLowerCase() ])}}
+                           </span>
                            <span v-else>
-                           {{ $t('visgraph.relation_from_to_like', [ getPerson(modal.data.from).text, getPerson(modal.data.to).text, relation.title.fr.toLowerCase() ])}}
-                        </span>
+                              {{ $t('visgraph.relation_from_to_like', [ getPerson(modal.data.from).text, getPerson(modal.data.to).text, relation.title.fr.toLowerCase() ])}}
+                           </span>
                         </p>
                      </div>
                      <div class="col text-end">
@@ -58,12 +58,12 @@
                            {{ getPerson(modal.data.to).text }}
                         </h4>
                         <p class="text-end" v-if="relation && relation.title">
-                        <span v-if="reverse">
-                           {{ $t('visgraph.relation_from_to_like', [ getPerson(modal.data.to).text, getPerson(modal.data.from).text, relation.title.fr.toLowerCase() ])}}
-                        </span>
+                           <span v-if="reverse">
+                              {{ $t('visgraph.relation_from_to_like', [ getPerson(modal.data.to).text, getPerson(modal.data.from).text, relation.title.fr.toLowerCase() ])}}
+                           </span>
                            <span v-else>
-                           {{ $t('visgraph.relation_from_to_like', [ getPerson(modal.data.to).text, getPerson(modal.data.from).text, relation.reverseTitle.fr.toLowerCase() ])}}
-                        </span>
+                              {{ $t('visgraph.relation_from_to_like', [ getPerson(modal.data.to).text, getPerson(modal.data.from).text, relation.reverseTitle.fr.toLowerCase() ])}}
+                           </span>
                         </p>
                      </div>
                   </div>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/i18n.js b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/i18n.js
index e18ca69be..8dd4c97bd 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/i18n.js
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/i18n.js
@@ -17,6 +17,8 @@ const visMessages = {
             delete_confirmation_text: "Vous allez supprimer le lien entre ces 2 usagers.",
             reverse_relation: "Inverser la relation",
             relation_from_to_like: "{2} de {1}", // disable {0}
+            between: "entre",
+            and: "et",
         },
         edit: 'Éditer',
         del: 'Supprimer',