diff --git a/src/app/App.js b/src/app/App.js
index c92b55b..adcf90b 100644
--- a/src/app/App.js
+++ b/src/app/App.js
@@ -68,6 +68,19 @@ export const App = ({options}) => {
       }  
    });
 
+   // Change color of mode button
+   switch(SELECTED_MODE) {
+      case WHO_IS_THAT_POKEMON:
+         changeColorOfClickedButton('#whoIsThatPokemonOption');
+         break;
+      case WHAT_DOES_THIS_POKEMON_LOOK_LIKE:
+         changeColorOfClickedButton('#whatItLooksLikeOption');
+         break;
+      case WHO_IS_THAT_POKEMON_HARD_MODE:
+         changeColorOfClickedButton('#whoIsThatPokemonHardModeOption');
+         break;
+   }
+
    
    //input (disabled "play" button when input name is empty)
    const inputName = document.querySelector('#enterYourNameInput');
diff --git a/styles/App.css b/styles/App.css
index 602441e..7db13ae 100644
--- a/styles/App.css
+++ b/styles/App.css
@@ -36,8 +36,8 @@ body {
 }
 
 .buttonWithText:hover {
-    background-color: var(--yellow);
-    color: var(--optionBlue);
+    background-color: var(--yellow) !important;
+    color: var(--optionBlue) !important;
 }
 
 .start-page {