diff --git a/cotisations/templates/cotisations/aff_cost_estimate.html b/cotisations/templates/cotisations/aff_cost_estimate.html
index fe654744..269dc6af 100644
--- a/cotisations/templates/cotisations/aff_cost_estimate.html
+++ b/cotisations/templates/cotisations/aff_cost_estimate.html
@@ -73,9 +73,9 @@ with this program; if not, write to the Free Software Foundation, Inc.,
             <td>{{ estimate.id }}</td>
             <td>
                 {% if estimate.final_invoice %}
-                <a href="{% url 'cotisations:edit-custom-invoice' estimate.final_invoice.pk %}"><i style="color: #1ECA18;" class="fa fa-check"></i></a>
+                <a href="{% url 'cotisations:edit-custom-invoice' estimate.final_invoice.pk %}"><i class="fa fa-check text-success"></i></a>
                 {% else %}
-                <i style="color: #D10115;" class="fa fa-times"></i>
+                <i class="fa fa-times text-danger"></i>
                 {% endif %}
             </td>
             <td>
diff --git a/re2o/templatetags/design.py b/re2o/templatetags/design.py
index 488b1489..45739133 100644
--- a/re2o/templatetags/design.py
+++ b/re2o/templatetags/design.py
@@ -31,9 +31,9 @@ def tick(valeur, autoescape=False):
 
     if isinstance(valeur, bool):
         if valeur == True:
-            result = '<i style="color: #1ECA18;" class="fa fa-check"></i>'
+            result = '<i class="fa fa-check text-success"></i>'
         else:
-            result = '<i style="color: #D10115;" class="fa fa-times"></i>'
+            result = '<i class="fa fa-times text-danger"></i>'
         return mark_safe(result)
 
     else:  #  if the value is not a boolean, display it as if tick was not called