diff --git a/web/components/management/candidate-lists.js b/web/components/management/candidate-lists.js
index f0f2d600bd52e701007fa56e4474ba299592891b..5527b2bfd26d493e9ee294b26164086d90c4cbd4 100644
--- a/web/components/management/candidate-lists.js
+++ b/web/components/management/candidate-lists.js
@@ -393,6 +393,15 @@ class CandidateList {
 
   async activateCandidateList(candidateListToActivate) {
     this.candidateList = candidateListToActivate;
+    let candidateLists = await this.updateCandidateLists();
+    candidateLists.forEach((candidateList) => {
+      document
+        .getElementById(`candidateLists-candidateList-${candidateList.ID}`)
+        .classList.remove("active-card");
+    });
+    document
+      .getElementById(`candidateLists-candidateList-${candidateListToActivate.ID}`)
+      .classList.add("active-card");
   }
 
   async displayCandidateLists() {