diff --git a/src/renderer/style.less b/src/renderer/style.less
index 08287118..bf6039cb 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -1544,11 +1544,11 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
 }
 
 .playback-button--small.repeat {
+  background-color: var(--keyColor);
   background-image: url("./assets/repeat.svg");
 }
 
 .playback-button--small.repeat.repeatOne {
-  background-color: var(--keyColor);
   background-image: url("./assets/repeatOne.svg");
 }
 
diff --git a/src/web-remote/style.css b/src/web-remote/style.css
index cb27b410..4b2419f5 100644
--- a/src/web-remote/style.css
+++ b/src/web-remote/style.css
@@ -283,11 +283,12 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
 }
 
 .playback-button--small.repeat {
+    background-color: var(--keyColor);
     background-image: url("./assets/repeat.svg");
 }
 
 .playback-button--small.repeat.repeatOne {
-    background-color: var(--keyColor);
+    background-image: url("./assets/repeatOne.svg");
 }
 
 .playback-button.pause {