diff --git a/js/ColorModule.js b/js/ColorModule.js
index 44974e3..409a595 100644
--- a/js/ColorModule.js
+++ b/js/ColorModule.js
@@ -160,11 +160,13 @@ const ColorModule = (() => {
         //generate random color
         const newColor = new Color("hsv", Math.floor(Math.random()*360), Math.floor(Math.random()*100), Math.floor(Math.random()*100)).hex;
 
-        //remove current color selection
-        document.querySelector('#colors-menu li.selected')?.classList.remove('selected');
-
         //add new color and make it selected
         let addedColor = addColor(newColor);
+        addedColor.classList.add('selected');
+
+        //remove previous color selection
+        document.querySelector('#colors-menu li.selected')?.classList.remove('selected');
+
         addedColor.classList.add('selected');
         addedColor.style.width = squareSize + "px";
         addedColor.style.height = squareSize + "px";