diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/ToggleFlags.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/ToggleFlags.vue
index 801bd8d6d..a1e2690e2 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/ToggleFlags.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/ToggleFlags.vue
@@ -8,10 +8,10 @@
    </div>
    
    <div>
-      <button class="badge badge-pill" :class="{ 'badge-primary': isEmergency, 'badge-secondary': !isEmergency }" @click="toggleEmergency">
+      <button class="badge rounded-pill" :class="{ 'badge-primary': isEmergency, 'badge-secondary': !isEmergency }" @click="toggleEmergency">
          {{ $t('course.emergency') }}
       </button>
-      <button class="badge badge-pill" :class="{ 'badge-primary': isConfidential, 'badge-secondary': !isConfidential }" @click="toggleConfidential">
+      <button class="badge rounded-pill" :class="{ 'badge-primary': isConfidential, 'badge-secondary': !isConfidential }" @click="toggleConfidential">
          {{ $t('course.confidential') }}
       </button>
    </div>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
index b3353457c..401b1d724 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
@@ -12,7 +12,7 @@
       
       <div class="item-bloc">
          <h4>
-            <span class="badge badge-pill badge-secondary">{{ accompanyingCourse.requestor.type }}</span>
+            <span class="badge rounded-pill bg-secondary">{{ accompanyingCourse.requestor.type }}</span>
             {{ accompanyingCourse.requestor.text }}
          </h4>   
          
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/ResourceItem.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/ResourceItem.vue
index 9b9316fec..c01797455 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/ResourceItem.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/ResourceItem.vue
@@ -2,7 +2,7 @@
 <tr>
    
    <td>
-      <span class="badge badge-pill badge-secondary" 
+      <span class="badge rounded-pill bg-secondary" 
          v-bind:title="resource.resource.id">
          <span v-if="resource.resource.type === 'person'" >{{ $t('item.type_person') }}</span>
          <span v-if="resource.resource.type === 'thirdparty'" >{{ $t('item.type_thirdparty') }}</span>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/TypePerson.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/TypePerson.vue
index daaa81617..1daa5d100 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/TypePerson.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/TypePerson.vue
@@ -15,7 +15,7 @@
    </div>
    <div class="right_actions">
       
-      <span class="badge badge-pill badge-secondary" :title="item.key">
+      <span class="badge rounded-pill bg-secondary" :title="item.key">
          {{ $t('item.type_person') }}
       </span>
       <on-the-fly
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/TypeThirdParty.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/TypeThirdParty.vue
index 5a4aa9de6..f2f0e42c6 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/TypeThirdParty.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/TypeThirdParty.vue
@@ -12,7 +12,7 @@
    </div>
    <div class="right_actions">
       
-      <span class="badge badge-pill badge-secondary" :title="item.key">
+      <span class="badge rounded-pill bg-secondary" :title="item.key">
          {{ $t('item.type_thirdparty') }}
       </span>
       <on-the-fly
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig
index 3da64f52b..b20753544 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig
@@ -136,7 +136,7 @@
           <div class="item-col">
               <h3>
                   {{ r.firstname ~ ' ' ~ r.lastname }}
-                  <span class="badge badge-pill badge-secondary">{{ 'Usager' }}</span>
+                  <span class="badge rounded-pill bg-secondary">{{ 'Usager' }}</span>
               </h3>
               <p>
                   {% set born = (r.gender == 'woman') ? 'née': 'né' %}
@@ -185,7 +185,7 @@
           <div class="item-col">
               <h3>
                   {{ r.name }}
-                  <span class="badge badge-pill badge-secondary">{{ 'Tiers' }}</span>
+                  <span class="badge rounded-pill bg-secondary">{{ 'Tiers' }}</span>
               </h3>
           </div>
           <div class="item-col">
@@ -233,7 +233,7 @@
                   <div class="item-col">
                       <h3>
                           {{ r.person.firstname ~ ' ' ~ r.person.lastname }}
-                          <span class="badge badge-pill badge-secondary">{{ 'Usager' }}</span>
+                          <span class="badge rounded-pill bg-secondary">{{ 'Usager' }}</span>
                       </h3>
                       <p>
                           {% set born = (r.person.gender == 'woman') ? 'née': 'né' %}
@@ -282,7 +282,7 @@
                   <div class="item-col">
                       <h3>
                           {{ r.thirdParty.name }}
-                          <span class="badge badge-pill badge-secondary">{{ 'Tiers' }}</span>
+                          <span class="badge rounded-pill bg-secondary">{{ 'Tiers' }}</span>
                       </h3>
                   </div>
                   <div class="item-col">