diff --git a/OverlayPlugin/resources/spelltimer.html b/OverlayPlugin/resources/spelltimer.html
index 201bc50d3..017788bbb 100644
--- a/OverlayPlugin/resources/spelltimer.html
+++ b/OverlayPlugin/resources/spelltimer.html
@@ -407,6 +407,10 @@
 
                 var percentage = Math.max(0, Math.min(1, this.spellTimer.getRemaining() / this.spellTimer.startCount)) * 100;
                 barDiv.style.width = percentage.toFixed(2) + "%";
+                
+                setTimeout(function(barDiv) {
+                  barDiv.style.backgroundColor = "#FF0000";
+                }, Math.max(0, (this.spellTimer.getRemaining() - this.spellTimer.warningCount) * 1000), barDiv);
 
                 $(barDiv).animate(
                     { width: "0%" },
@@ -458,4 +462,4 @@
     </div>
 
 </body>
-</html>
\ No newline at end of file
+</html>