diff --git a/web/modules/custom/figli_compta_ledger/css/home.css b/web/modules/custom/figli_compta_ledger/css/home.css
index 46bf0a5..4a86174 100644
--- a/web/modules/custom/figli_compta_ledger/css/home.css
+++ b/web/modules/custom/figli_compta_ledger/css/home.css
@@ -476,19 +476,15 @@ html.gin--dark-mode #figli-home-app {
 #figli-home-app .amount.figli-tva-col {
   width: 3.5%;
 }
-/* Non-official TVA rate marker -- a plain dot rather than a text badge
-   (e.g. "non officiel"): the column is only ~3.5% wide, barely enough
-   for "12,64 %" itself, so anything wider than a few px would overflow
-   into the next column. Tooltip (title attribute in the twig template)
-   carries the actual explanation. */
-#figli-home-app .figli-tva-badge {
-  display: inline-block;
-  width: 6px;
-  height: 6px;
-  margin-left: 3px;
-  border-radius: 50%;
-  background: var(--figli-warning);
-  vertical-align: middle;
+/* Non-official TVA rate marker -- a thick red underline on the cell
+   itself rather than a small badge/dot (tried first, not visible
+   enough): the column is only ~3.5% wide, barely enough for
+   "12,64 %" itself, so a border under the whole cell reads clearly at
+   a glance without needing extra horizontal room a text/icon badge
+   would need. Tooltip (title attribute in the twig template) carries
+   the actual explanation. */
+#figli-home-app td.figli-tva-nonofficial {
+  border-bottom: 3px solid var(--figli-error);
 }
 #figli-home-app .amount.compte-col {
   width: 4.3%;
diff --git a/web/modules/custom/figli_compta_ledger/templates/figli-compta-home.html.twig b/web/modules/custom/figli_compta_ledger/templates/figli-compta-home.html.twig
index 9d82e38..8711051 100644
--- a/web/modules/custom/figli_compta_ledger/templates/figli-compta-home.html.twig
+++ b/web/modules/custom/figli_compta_ledger/templates/figli-compta-home.html.twig
@@ -243,7 +243,7 @@
             </td>
             <td class="amount figli-ht-col" :class="montantClass(item.montant_ht)">{{ formatEur(item.montant_ht) }}</td>
             <td class="amount figli-cotisation-col">{{ formatEur(item.cotisation) }}</td>
-            <td class="amount figli-tva-col">{{ formatPct(item.tva) }}<span v-if="!isTvaOfficial(item.tva)" class="figli-tva-badge" title="Taux TVA non officiel (ni 0, 2,1, 5,5, 10 ni 20 %)"></span></td>
+            <td class="amount figli-tva-col" :class="{'figli-tva-nonofficial': !isTvaOfficial(item.tva)}" :title="!isTvaOfficial(item.tva) ? 'Taux TVA non officiel (ni 0, 2,1, 5,5, 10 ni 20 %)' : null">{{ formatPct(item.tva) }}</td>
             <td class="amount figli-ttc-col">{{ formatEur(item.montant_ttc) }}</td>
             <td v-for="c in allComptes" :key="c" class="amount compte-col">{{ item.parCompte[c] !== undefined ? formatEur(item.parCompte[c]) : '' }}</td>
             <td class="amount" :class="{'figli-ecart': item.hasError && item.ecart < 0, 'figli-ecart-positif': item.hasError && item.ecart > 0}">{{ item.hasError ? formatEur(item.ecart) : '' }}</td>