From 25f3ed1181eaf5168e94494f41647228e0554975 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Thu, 12 Feb 2026 23:05:31 +0100
Subject: [PATCH] fix: no more blurry countdown

---
 src/modules/note/components/CacheAllNote.vue | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/modules/note/components/CacheAllNote.vue b/src/modules/note/components/CacheAllNote.vue
index 81c571d..1b7246a 100644
--- a/src/modules/note/components/CacheAllNote.vue
+++ b/src/modules/note/components/CacheAllNote.vue
@@ -19,16 +19,7 @@ const confirmBeforeCachingAllNotes = async () => {
       class="progress progress-accent w-56"
       :max="totalOfNotes"
     ></progress>
-    <div>
-      <span class="countdown">
-        <span
-          :style="{ '--value': noteCompleted }"
-          aria-live="polite"
-          :aria-label="`${noteCompleted}`"
-          >{{ noteCompleted }}</span
-        ></span
-      >/{{ totalOfNotes }}
-    </div>
+    <div class="numeric">{{ noteCompleted }}/{{ totalOfNotes }}</div>
   </div>
   <button v-else class="button" @click="() => confirmBeforeCachingAllNotes()">
     <svg
@@ -56,4 +47,8 @@ const confirmBeforeCachingAllNotes = async () => {
 .cache-all-notes {
   text-align: center;
 }
+
+.numeric {
+  font-family: "Courier Prime", monospace;
+}
 </style>