diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
index 2bc5f0b3b..ad1a2481f 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
@@ -28,16 +28,20 @@
                 </div>
 
                 <p v-if="options.addInfo === true" class="moreinfo">
-                    <i :class="'fa fa-fw ' + getGenderIcon" title="{{ getGender }}"></i>
-                    <time v-if="person.birthdate && !person.deathdate" datetime="{{ person.birthdate }}" title="{{ birthdate }}">
+                    <i :class="'fa fa-fw ' + getGenderIcon" :title="$t(getGender)"></i>
+
+                    <time v-if="person.birthdate && !person.deathdate" :datetime="person.birthdate" :title="birthdate">
                         {{ $t(getGenderTranslation) + ' ' + $d(birthdate, 'text') }}
                     </time>
-                    <time v-else-if="person.birthdate && person.deathdate" datetime="{{ person.deathdate }}" title="{{ person.deathdate }}">
+
+                    <time v-else-if="person.birthdate && person.deathdate" :datetime="person.deathdate" :title="person.deathdate">
                         {{ birthdate }} - {{ deathdate }}
                     </time>
-                    <time v-else-if="person.deathdate" datetime="{{ person.deathdate }}" title="{{ person.deathdate }}">
+
+                    <time v-else-if="person.deathdate" :datetime="person.deathdate" :title="person.deathdate">
                         {{ $t('renderbox.deathdate') + ' ' + deathdate }}
                     </time>
+
                     <span v-if="options.addAge && person.birthdate" class="age">{{ getAge }} {{ $t('renderbox.years_old')}}</span>
                 </p>
             </div>
@@ -141,9 +145,6 @@ export default {
     },
     props: ['person', 'options', 'render', 'returnPath'],
     computed: {
-        getGenderTranslation: function() {
-            return this.person.gender === 'woman' ? 'renderbox.birthday.woman' : 'renderbox.birthday.man';
-        },
         isMultiline: function() {
             if(this.options.isMultiline){
                 return this.options.isMultiline
@@ -154,6 +155,12 @@ export default {
         getGenderIcon: function() {
             return this.person.gender === 'woman' ? 'fa-venus' : this.person.gender === 'man' ? 'fa-mars' : 'fa-neuter';
         },
+        getGenderTranslation: function() {
+           return this.person.gender === 'woman' ? 'renderbox.birthday.woman' : 'renderbox.birthday.man';
+        },
+        getGender() {
+            return this.person.gender === 'woman' ? 'person.gender.woman' : this.person.gender === 'man' ? 'person.gender.man' : 'person.gender.neuter';
+        },
         birthdate: function(){
             if(this.person.birthdate !== null){
             const date = new Date(this.person.birthdate.datetime);