diff --git a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Invite/Answer.vue b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Invite/Answer.vue
index a45ac2ed5..7f5224cbf 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Invite/Answer.vue
+++ b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Invite/Answer.vue
@@ -1,24 +1,24 @@
 <template>
   <div class="btn-group" role="group">
-    <button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
+    <button id="btnGroupDrop1" type="button" class="btn btn-misc dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
       <template v-if="status === Statuses.PENDING">
-        <span class="fa fa-hourglass"></span>{{ $t('answer')}}
+        <span class="fa fa-hourglass"></span> {{ $t('Give_an_answer')}}
       </template>
       <template v-else-if="status === Statuses.ACCEPTED">
-        <span class="fa fa-check"></span>{{ $t('accepted')}}
+        <span class="fa fa-check"></span> {{ $t('Accepted')}}
       </template>
       <template v-else-if="status === Statuses.DECLINED">
-        <span class="fa fa-times"></span>{{ $t('declined')}}
+        <span class="fa fa-times"></span> {{ $t('Declined')}}
       </template>
       <template v-else-if="status === Statuses.TENTATIVELY_ACCEPTED">
-        <span class="fa fa-question"></span>{{ $t('tentative')}}
+        <span class="fa fa-question"></span> {{ $t('Tentative')}}
       </template>
     </button>
     <ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
-      <li v-if="status !== Statuses.ACCEPTED"><a class="dropdown-item" @click="changeStatus(Statuses.ACCEPTED)"><i class="fa fa-check" aria-hidden="true"></i> {{ $t('accept') }}</a></li>
-      <li v-if="status !== Statuses.DECLINED"><a class="dropdown-item" @click="changeStatus(Statuses.DECLINED)"><i class="fa fa-times" aria-hidden="true"></i> {{ $t('decline') }}</a></li>
-      <li v-if="status !== Statuses.TENTATIVELY_ACCEPTED"><a class="dropdown-item" @click="changeStatus(Statuses.TENTATIVELY_ACCEPTED)"><i class="fa fa-question"></i> {{ $t('tentatively_accept') }}</a></li>
-      <li v-if="status !== Statuses.PENDING"><a class="dropdown-item" @click="changeStatus(Statuses.PENDING)"><i class="fa fa-hourglass-o"></i> {{ $t('pending') }}</a></li>
+      <li v-if="status !== Statuses.ACCEPTED"><a class="dropdown-item" @click="changeStatus(Statuses.ACCEPTED)"><i class="fa fa-check" aria-hidden="true"></i> {{ $t('Accept') }}</a></li>
+      <li v-if="status !== Statuses.DECLINED"><a class="dropdown-item" @click="changeStatus(Statuses.DECLINED)"><i class="fa fa-times" aria-hidden="true"></i> {{ $t('Decline') }}</a></li>
+      <li v-if="status !== Statuses.TENTATIVELY_ACCEPTED"><a class="dropdown-item" @click="changeStatus(Statuses.TENTATIVELY_ACCEPTED)"><i class="fa fa-question"></i> {{ $t('Tentatively_accept') }}</a></li>
+      <li v-if="status !== Statuses.PENDING"><a class="dropdown-item" @click="changeStatus(Statuses.PENDING)"><i class="fa fa-hourglass-o"></i> {{ $t('Set_pending') }}</a></li>
     </ul>
   </div>
 
@@ -34,8 +34,24 @@ enum AnswerStatus {
   TENTATIVELY_ACCEPTED = 'tentative',
 };
 
+const i18n = {
+  messages: {
+    fr: {
+      "Give_an_answer": "Répondre",
+      "Accepted": "Accepté",
+      "Declined": "Refusé",
+      "Tentative": "Accepté provisoirement",
+      "Accept": "Accepter",
+      "Decline": "Refuser",
+      "Tentatively_accept": "Accepter provisoirement",
+      "Set_pending": "Ne pas répondre",
+    }
+  }
+};
+
 export default defineComponent({
   name: "Answer",
+  i18n,
   props: {
     calendarId: { type: Number, required: true},
     status: {type: Object as PropType<AnswerStatus>, required: true},
@@ -73,3 +89,4 @@ export default defineComponent({
 <style scoped>
 
 </style>
+