diff --git a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/ConcernedGroups/PersonBadge.vue b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/ConcernedGroups/PersonBadge.vue
index e27feb886..bef11159c 100644
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/ConcernedGroups/PersonBadge.vue
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/ConcernedGroups/PersonBadge.vue
@@ -1,6 +1,6 @@
 <template>
    <li>
-      <span class="badge badge-primary" :title="person.text">
+      <span class="badge bg-primary" :title="person.text">
          <span class="chill_denomination">
             {{ textCutted }}
          </span>
diff --git a/src/Bundle/ChillActivityBundle/Resources/views/Activity/concernedGroups.html.twig b/src/Bundle/ChillActivityBundle/Resources/views/Activity/concernedGroups.html.twig
index 0e0f8695a..4985ea1f7 100644
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/concernedGroups.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/concernedGroups.html.twig
@@ -59,7 +59,7 @@
                     {% for item in bloc.items %}
                     <li>
                         <a href="{{ _self.href(bloc.path, bloc.key, item.id) }}">
-                            <span class="badge badge-primary">
+                            <span class="badge bg-primary">
                                 {{ item|chill_entity_render_box({'only_denomination': true}) }}
                             </span>
                         </a>
@@ -83,7 +83,7 @@
                 {% for item in bloc.items %}
                 <li>
                     <a href="{{ _self.href(bloc.path, bloc.key, item.id) }}">
-                        <span class="badge badge-primary">
+                        <span class="badge bg-primary">
                             {{ item|chill_entity_render_box({'only_denomination': true}) }}
                         </span>
                     </a>
diff --git a/src/Bundle/ChillActivityBundle/Resources/views/Activity/list.html.twig b/src/Bundle/ChillActivityBundle/Resources/views/Activity/list.html.twig
index a4d75917e..afaf4483d 100644
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/list.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/list.html.twig
@@ -128,7 +128,7 @@
                                     <span class="chill-no-data-statement">{{ 'No social actions associated'|trans }}</span>
                                 {%- else -%}
                                     {% for r in activity.socialActions %}
-                                        <span class="badge badge-primary">{{ r.title|localize_translatable_string }}</span>
+                                        <span class="badge bg-primary">{{ r.title|localize_translatable_string }}</span>
                                     {% endfor %}
                                 {%- endif -%}
                             </li>
diff --git a/src/Bundle/ChillActivityBundle/Resources/views/Activity/show.html.twig b/src/Bundle/ChillActivityBundle/Resources/views/Activity/show.html.twig
index 92d2069c0..069ac547f 100644
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/show.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/show.html.twig
@@ -4,7 +4,7 @@
 <h1>
   {{ "Activity"|trans }}
   {%- if t.emergencyVisible and entity.emergency -%}
-  <span class="badge badge-secondary">
+  <span class="badge bg-secondary">
     {{- 'Emergency'|trans -}}
   </span>
 {%- endif -%}
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner.vue
index 7a91e39c3..e827696b3 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner.vue
@@ -20,13 +20,13 @@
    
    <teleport to="#header-accompanying_course-name #banner-status">
       <div v-if="accompanyingCourse.step === 'DRAFT'">
-         <span class="badge badge-secondary">
+         <span class="badge bg-secondary">
             {{ $t('course.step.draft') }}
          </span>
       </div>
       <div v-else>
          <div>
-            <span class="badge badge-primary">
+            <span class="badge bg-primary">
                {{ $t('course.step.active') }}
             </span>
          </div>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/SocialIssue.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/SocialIssue.vue
index 7ed78355d..42461bd06 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/SocialIssue.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner/SocialIssue.vue
@@ -1,5 +1,5 @@
 <template>
-  <span class="badge badge-secondary">{{ issue.text }}</span>
+  <span class="badge bg-secondary">{{ issue.text }}</span>
 </template>
 
 <script>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Confirm.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Confirm.vue
index c2143b72a..b1600a946 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Confirm.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Confirm.vue
@@ -7,11 +7,11 @@
    <div>
       <p>
          {{ $t('confirm.text_draft') }}
-         <span class="badge badge-secondary">{{ $t('course.step.draft') }}</span>
+         <span class="badge bg-secondary">{{ $t('course.step.draft') }}</span>
       </p>
       <p>
          {{ $t('confirm.text_active') }}
-         <span class="badge badge-primary">{{ $t('course.step.active') }}</span>
+         <span class="badge bg-primary">{{ $t('course.step.active') }}</span>
       </p>
       
       <ul class="record_actions">
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
index 15c500af2..f72af5c5b 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
@@ -57,7 +57,7 @@
             <p>Motifs, objectifs et dispositifs disponibles pour ajout&nbsp;:</p>
 
             <ul class="list-objectives">
-              <li v-for="g in availableForCheckGoal" @click="addGoal(g)" class="badge badge-primary">
+              <li v-for="g in availableForCheckGoal" @click="addGoal(g)" class="badge bg-primary">
                 <i class="fa fa-plus"></i>
                 {{ g.title.fr }} 
               </li>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/_components/AddResult.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/_components/AddResult.vue
index 2eb1e5b33..88d34004f 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/_components/AddResult.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/_components/AddResult.vue
@@ -4,12 +4,12 @@
       Aucun résultat associé
     </p>
     <ul class="list-results">
-      <li v-for="r in pickedResults" @click="removeResult(r)" class="badge badge-primary">
+      <li v-for="r in pickedResults" @click="removeResult(r)" class="badge bg-primary">
         <i class="fa fa-times"></i>
         {{ r.title.fr }}
       </li>
       <template v-if="isExpanded">
-        <li v-for="r in availableForCheckResults" @click="addResult(r)" class="badge badge-primary">
+        <li v-for="r in availableForCheckResults" @click="addResult(r)" class="badge bg-primary">
           <i class="fa fa-plus"></i>
           {{ r.title.fr }}
         </li>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/MemberDetails.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/MemberDetails.vue
index 5552b9a2c..e9aab20a8 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/MemberDetails.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/MemberDetails.vue
@@ -4,7 +4,7 @@
       <div class="item-col box-person">
         <div>
           <person :person="conc.person"></person>
-          <span v-if="isHolder" class="badge badge-primary holder">
+          <span v-if="isHolder" class="badge bg-primary holder">
             {{ $t('household_members_editor.holder') }}
           </span>
         </div>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Household/Household.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Household/Household.vue
index def7e6971..1f9ef99c5 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Household/Household.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Household/Household.vue
@@ -16,7 +16,7 @@
       <template v-for="(m, index) in currentMembers()" :key="m.id">
         <person :person="m.person"></person>
         <span v-if="m.holder">
-          &nbsp;<span class="badge badge-primary">{{ $t('holder') }}</span>
+          &nbsp;<span class="badge bg-primary">{{ $t('holder') }}</span>
         </span>
         <span v-if="index != (currentMembersLength() - 1)">, </span>
       </template>
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/list_by_accompanying_period.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/list_by_accompanying_period.html.twig
index b12f3c932..35dbac9ee 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/list_by_accompanying_period.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/list_by_accompanying_period.html.twig
@@ -55,7 +55,7 @@
               <p class="title_label">{{ 'accompanying_course_work.results'|trans }}</p>
               <ul class="result_list">
                 {% for r in w.results %}
-                  <li class="badge badge-primary">{{ r.title|localize_translatable_string }}</li>
+                  <li class="badge bg-primary">{{ r.title|localize_translatable_string }}</li>
                 {% endfor %}
               </ul>
             </div>
@@ -77,7 +77,7 @@
                   <p class="title_label">{{ 'accompanying_course_work.results'|trans }}</p>
                   <ul class="result_list">
                     {% for r in g.results %}
-                      <li class="badge badge-primary">{{ r.title|localize_translatable_string }}</li>
+                      <li class="badge bg-primary">{{ r.title|localize_translatable_string }}</li>
                     {% endfor %}
                   </ul>
                 {% endif %}
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingPeriod/_list.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingPeriod/_list.html.twig
index 0b4604283..901c604cd 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingPeriod/_list.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingPeriod/_list.html.twig
@@ -8,23 +8,23 @@
                     {{'period'|trans}} <b>#{{ accompanying_period.id }}</b>
                     {% if accompanying_period.emergency %}
                     &nbsp;
-                    <span class="badge badge-primary">
+                    <span class="badge bg-primary">
                         {{- 'Emergency'|trans|upper -}}
                     </span>
                     {% endif %}
                     {% if accompanying_period.confidential %}
                     &nbsp;
-                    <span class="badge badge-primary">
+                    <span class="badge bg-primary">
                         {{- 'Confidential'|trans|upper -}}
                     </span>
                     {% endif %}
                     {% if accompanying_period.step == 'DRAFT' %}
                     &nbsp;
-                    <span class="badge badge-primary">
+                    <span class="badge bg-primary">
                         {{- 'Draft'|trans|upper -}}
                     </span>
                     {% else %}
-                    <span class="badge badge-primary">
+                    <span class="badge bg-primary">
                         {{- 'Confirmed'|trans|upper -}}
                     </span>
                     {% endif %}
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Entity/social_action.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Entity/social_action.html.twig
index 858643e95..d8971c41b 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Entity/social_action.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Entity/social_action.html.twig
@@ -1,6 +1,6 @@
 {% set reversed_parents = parents|reverse %}
 <span class="chill-entity chill-entity__social-action">
-  <span class="{% if not options['no-badge'] %}badge badge-primary{% endif %}">
+  <span class="{% if not options['no-badge'] %}badge bg-primary{% endif %}">
     {%- for p in reversed_parents %}
     <span class="chill-entity__social-action__parent--{{ loop.revindex0 }}">
       {{ p.title|localize_translatable_string }}{{ options['default.separator'] }}
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Entity/social_issue.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Entity/social_issue.html.twig
index 2db894e3c..997fd4eda 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Entity/social_issue.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Entity/social_issue.html.twig
@@ -1,6 +1,6 @@
 {% set reversed_parents = parents|reverse %}
 <span class="chill-entity chill-entity__social-issue">
-  <span class="badge badge-primary">
+  <span class="badge bg-primary">
     {%- for p in reversed_parents %}
     <span class="chill-entity__social-issue__parent--{{ loop.revindex0 }}">
       {{ p.title|localize_translatable_string }}{{ options['default.separator'] }}
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Household/banner.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Household/banner.html.twig
index ae288893b..24126302e 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Household/banner.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Household/banner.html.twig
@@ -45,7 +45,7 @@
                                 class="badge-member{%- if m.holder %} holder{% endif -%}{%- if m.position.ordering >= 2 %} child{% endif -%}"
                                 title="{{ m.position.label.fr }}">
                                 {%- if m.holder %} 
-                                <span class="badge badge-secondary">
+                                <span class="badge bg-secondary">
                                     {{ 'household.holder'|trans }}
                                 </span>
                                 {% endif -%}
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Household/members.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Household/members.html.twig
index afffc2edb..9782f78ec 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Household/members.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Household/members.html.twig
@@ -76,7 +76,7 @@
               <div>
                 {{ m.person|chill_entity_render_box({'addLink': true}) }}
                 {% if m.holder %}
-                  <span class="badge badge-primary">{{ 'household.holder'|trans }}</span>
+                  <span class="badge bg-primary">{{ 'household.holder'|trans }}</span>
                 {% endif %}
               </div>
               <div>
@@ -140,7 +140,7 @@
                 <div>
                   {{ m.person|chill_entity_render_box({'addLink': true}) }}
                   {% if m.holder %}
-                    <span class="badge badge-primary">{{ 'household.holder'|trans }}</span>
+                    <span class="badge bg-primary">{{ 'household.holder'|trans }}</span>
                   {% endif %}
                 </div>
                 <div>
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Household/summary.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Household/summary.html.twig
index 3393722c4..5a973a52d 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Household/summary.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Household/summary.html.twig
@@ -90,7 +90,7 @@
               <div>
                 {{ m.person|chill_entity_render_box({'addLink': true}) }}
                 {% if m.holder %}
-                  <span class="badge badge-primary">{{ 'household.holder'|trans }}</span>
+                  <span class="badge bg-primary">{{ 'household.holder'|trans }}</span>
                 {% endif %}
               </div>
               <div>
@@ -176,7 +176,7 @@
                 <div>
                   {{ m.person|chill_entity_render_box({'addLink': true}) }}
                   {% if m.holder %}
-                    <span class="badge badge-primary">{{ 'household.holder'|trans }}</span>
+                    <span class="badge bg-primary">{{ 'household.holder'|trans }}</span>
                   {% endif %}
                 </div>
                 <div>
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Person/household_history.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Person/household_history.html.twig
index d48ce42b7..315ab840f 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Person/household_history.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Person/household_history.html.twig
@@ -78,7 +78,7 @@
                           {{ 'household.Household number'|trans({'household_num': p.household.id }) }}
                           </a>
                           </p>
-                          <p>{{ p.position.label|localize_translatable_string }} {% if p.holder %}<span class="badge badge-primary">{{ 'household.holder'|trans }}</span>{% endif %} 
+                          <p>{{ p.position.label|localize_translatable_string }} {% if p.holder %}<span class="badge bg-primary">{{ 'household.holder'|trans }}</span>{% endif %} 
                         </div>
                         <div>
                           {% set simultaneous = p.household.getMembersDuringMembership(p) %}
@@ -90,7 +90,7 @@
                             {{ 'household.Members at same time'|trans }}: 
                             {% for p in simultaneous -%}
                               {{- p.person|chill_entity_render_box({'addLink': true }) -}}
-                              {%- if p.holder %} <span class="badge badge-primary">{{'household.holder'|trans }}</span> {% endif %}
+                              {%- if p.holder %} <span class="badge bg-primary">{{'household.holder'|trans }}</span> {% endif %}
                               {%- if not loop.last %}, {% endif -%}
                             {%- endfor -%}
                             {% endif %}
@@ -164,7 +164,7 @@
             {{ 'household.Household number'|trans({'household_num': p.household.id }) }}
             </a>
             </p>
-            <p>{{ p.position.label|localize_translatable_string }} {% if p.holder %}<span class="badge badge-primary">{{ 'household.holder'|trans }}</span>{% endif %} 
+            <p>{{ p.position.label|localize_translatable_string }} {% if p.holder %}<span class="badge bg-primary">{{ 'household.holder'|trans }}</span>{% endif %} 
           </div>
           <div>
             {% set simultaneous = p.household.getMembersDuringMembership(p) %}
@@ -176,7 +176,7 @@
               {{ 'household.Members at same time'|trans }}: 
               {% for p in simultaneous -%}
                 {{- p.person|chill_entity_render_box({'addLink': true }) -}}
-                {%- if p.holder %} <span class="badge badge-primary">{{'household.holder'|trans }}</span> {% endif %}
+                {%- if p.holder %} <span class="badge bg-primary">{{'household.holder'|trans }}</span> {% endif %}
                 {%- if not loop.last %}, {% endif -%}
               {%- endfor -%}
             {% endif %}