diff --git a/src/ui/createStatusText.ts b/src/ui/createStatusText.ts
index 72fc08a6b..bf1e0e0c6 100644
--- a/src/ui/createStatusText.ts
+++ b/src/ui/createStatusText.ts
@@ -10,21 +10,27 @@ let x: number | undefined;
  * @param text The status text to display
  */
 export function createStatusText(text: string): void {
-  if (x !== undefined) {
-    clearTimeout(x);
-    // Likely not needed due to clearTimeout, but just in case...
-    x = undefined;
-  }
-
   const statusElement: HTMLElement = getElementById("status-text");
-  statusElement.style.display = "block";
-  statusElement.classList.add("status-text");
-  statusElement.innerText = text;
   const handler: Action = () => {
     statusElement.innerText = "";
     statusElement.style.display = "none";
     statusElement.classList.remove("status-text");
   };
+  
+  if (x !== undefined) {
+    clearTimeout(x);
+    // Likely not needed due to clearTimeout, but just in case...
+    x = undefined;
+    // reset the element's animation
+    statusElement.style.animation = 'none';
+    setTimeout(function() {
+      statusElement.style.animation = '';
+    }, 10);
+  }
+
+  statusElement.style.display = "block";
+  statusElement.classList.add("status-text");
+  statusElement.innerText = text;
 
   x = setTimeoutRef(handler, threeSeconds);
 }