diff --git a/src/lib/resource-progress.ts b/src/lib/resource-progress.ts
index 1810f09ec..6199b5d78 100644
--- a/src/lib/resource-progress.ts
+++ b/src/lib/resource-progress.ts
@@ -187,8 +187,10 @@ export function renderTopicProgress(
   matchingElements.forEach((element) => {
     if (isDone) {
       element.classList.add('done');
+      element.classList.remove('learning');
     } else if (isLearning) {
       element.classList.add('learning');
+      element.classList.remove('done');
     } else {
       element.classList.remove('done');
       element.classList.remove('learning');