diff --git a/src/components/BadgeDetailModal.css b/src/components/BadgeDetailModal.css
index 2c7a3924..94931e99 100644
--- a/src/components/BadgeDetailModal.css
+++ b/src/components/BadgeDetailModal.css
@@ -12,6 +12,8 @@
   align-items: center;
   justify-content: center;
   color: #fff;
+  font-family: var(--serif);
+  font-weight: 700;
   font-size: 38px;
   margin: 4px auto 14px;
   box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.12);
diff --git a/src/lib/badges.ts b/src/lib/badges.ts
index a266c242..4e82d916 100644
--- a/src/lib/badges.ts
+++ b/src/lib/badges.ts
@@ -168,7 +168,10 @@ function buildAllBadgeDefinitions(): BadgeDefinition[] {
       return {
         id: `${BADGE_IDS.TABLE_PREFIX}${n}`,
         ...i.table(n),
-        icon: `${n}️⃣`,
+        // Glyphe texte « ×N » blanc serif, cohérent avec les badges de
+        // division « ÷N » : plutôt que le keycap emoji ${n}️⃣ (sticker coloré
+        // qui jurait à côté des médaillons de division épurés).
+        icon: `×${n}`,
         color: 'var(--indigo)',
         progressFor: (p: UserProfile) => {
           const tableFacts = factsForTable(p.facts, n);
@@ -236,7 +239,12 @@ function buildDivisionBadgeDefinitions(): BadgeDefinition[] {
       return {
         id: `${BADGE_IDS.DIV_TABLE_PREFIX}${n}`,
         ...i.divTable(n),
-        icon: '➗',
+        // Glyphe texte « ÷N » (rendu blanc serif par .badge-medallion) plutôt
+        // que l'emoji ➗ : sur iOS celui-ci s'affiche en sombre — quasi noir sur
+        // le médaillon indigo (#4F46BA) — et les 8 badges étaient tous
+        // identiques. « ÷2 »… « ÷9 » les rend lisibles ET distincts, en miroir
+        // des badges multiplication numérotés.
+        icon: `÷${n}`,
         color: 'var(--indigo)',
         progressFor: (p: UserProfile) => {
           const tableFacts = factsForDivisionTable(p.divisionFacts ?? [], n);