diff --git a/src/js/account.js b/src/js/account.js
index a376e1b56..d5a73c028 100644
--- a/src/js/account.js
+++ b/src/js/account.js
@@ -271,7 +271,7 @@ function loadMoreLines(lineIndex) {
     }
 
     $(".pageAccount .history table tbody").append(`
-    <tr class="result-row" id="result-${i}">
+    <tr class="resultRow" id="result-${i}">
     <td>${pb}</td>
     <td>${result.wpm.toFixed(2)}</td>
     <td>${raw}</td>
@@ -838,7 +838,7 @@ $(".pageAccount #accountHistoryChart").click((e) => {
     },
     500
   );
-  $(".result-row").removeClass("active");
+  $(".resultRow").removeClass("active");
   $(`#result-${index}`).addClass("active");
 });
 
diff --git a/src/sass/style.scss b/src/sass/style.scss
index 243d36056..e98be0a64 100644
--- a/src/sass/style.scss
+++ b/src/sass/style.scss
@@ -3269,9 +3269,9 @@ key {
 
     &.history {
       .active {
-        background: var(--main-color);
-        color: var(--bg-color);
+        animation: flashHighlight 4s linear 0s 1;
       }
+
       .loadMoreButton {
         background: rgba(0, 0, 0, 0.1);
         color: var(--text-color);
@@ -3934,3 +3934,18 @@ key {
     }
   }
 }
+
+@keyframes flashHighlight {
+  0% {
+    background-color: var(--bg-color);
+  }
+  10% {
+    background-color: var(--main-color);
+  }
+  40% {
+    background-color: var(--main-color);
+  }
+  100% {
+    background-color: var(--bg-color);
+  }
+}