diff --git a/webmusic.js b/webmusic.js
index 877e3d2..0507a4d 100644
--- a/webmusic.js
+++ b/webmusic.js
@@ -132,15 +132,15 @@ const updatePlayerState = () => {
 
 const updateButtonState = () => {
 	if (repeat !== false) {
-		document.getElementById('repeatButton').style.color = '#6b9969';
+		document.getElementById('repeatButton').classList.add('active');
 	} else {
-		document.getElementById('repeatButton').style.color = null;
+		document.getElementById('repeatButton').classList.remove('active');
 	}
 
 	if (continuous !== false) {
-		document.getElementById('continuousButton').style.color = '#6b9969';
+		document.getElementById('continuousButton').classList.add('active');
 	} else {
-		document.getElementById('continuousButton').style.color = null;
+		document.getElementById('continuousButton').classList.remove('active');
 	}
 }