diff --git a/pages/hash/_hash.vue b/pages/hash/_hash.vue
index 1db9d20a6b77230d097e26c4e4b0b29128250bfb..8021a8d186fc849f7d780ab511ed93c1d28f4e7e 100644
--- a/pages/hash/_hash.vue
+++ b/pages/hash/_hash.vue
@@ -10,7 +10,10 @@
       <div class="row mt-3" v-if="idFromHash.status != 'REVOKED' && idFromHash.status != 'NEWCOMER'">
         <div class="col-12 col-md-6 mb-3">
           <h3>Certifications reçues
-            <span :class="'text-'+$options.filters.dateStatus(idFromHash.received_certifications.limit)" v-if="($options.filters.dateStatus(idFromHash.received_certifications.limit) == 'warning')">âš 
+            <span :class="{
+              'text-danger' : $options.filters.dateStatus(idFromHash.received_certifications.limit) == 'danger',
+              'text-warning' : $options.filters.dateStatus(idFromHash.received_certifications.limit) == 'warning'
+            }" v-if="($options.filters.dateStatus(idFromHash.received_certifications.limit) == 'warning')">âš 
               <span class="sr-only" v-if="$options.filters.dateStatus(idFromHash.received_certifications.limit) == 'danger'">En manque de certifications</span>
               <span class="sr-only" v-else>Bientôt en manque de certifications</span>
             </span>