diff --git a/client/src/assets/stylesheets/components/HintBox.css b/client/src/assets/stylesheets/components/HintBox.css
index 150a4e88d..6d4fa39c9 100644
--- a/client/src/assets/stylesheets/components/HintBox.css
+++ b/client/src/assets/stylesheets/components/HintBox.css
@@ -45,7 +45,6 @@
 
 .hint_box__background:hover {
   cursor: pointer;
-  background-color: #ddd !important;
 }
 
 .hint_box__warning {
diff --git a/client/src/assets/stylesheets/components/HintBox.scss b/client/src/assets/stylesheets/components/HintBox.scss
index 9810d6a84..45e86ce02 100644
--- a/client/src/assets/stylesheets/components/HintBox.scss
+++ b/client/src/assets/stylesheets/components/HintBox.scss
@@ -9,26 +9,22 @@
   &--open {
     height: 5rem;
   }
+&__background {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 0;
 
-  &__background {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    position: absolute;
-    background-color: #ddd !important;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 0;
-
-    &:hover {
-      cursor: pointer;
-      background-color: #d0d0d0 !important;
-    }
+  &:hover {
+    cursor: pointer;
   }
-
+}
   &__warning {
     display: block;
     font-size: 1.5rem;
diff --git a/client/src/assets/stylesheets/main.css b/client/src/assets/stylesheets/main.css
index 66206f48e..c1a0f9b28 100644
--- a/client/src/assets/stylesheets/main.css
+++ b/client/src/assets/stylesheets/main.css
@@ -3032,9 +3032,7 @@ td {
 
 .hint_box__background:hover {
   cursor: pointer;
-  background-color: #ddd !important;
 }
-
 .hint_box__warning {
   display: block;
   font-size: 1.5rem;
diff --git a/client/src/components/exercise/lab1/components/HintBox.js b/client/src/components/exercise/lab1/components/HintBox.js
index 6d8423405..42a6c92f2 100644
--- a/client/src/components/exercise/lab1/components/HintBox.js
+++ b/client/src/components/exercise/lab1/components/HintBox.js
@@ -70,7 +70,6 @@ class HintBox extends Component {
     const backgroundColor = boxRevealed
       ? availableBackgroundColor
       : unavailableBackgroundColor;
-
     if (!visible) return null;
 
     return (
diff --git a/client/src/reducers/lab1/RepairReducer.js b/client/src/reducers/lab1/RepairReducer.js
index c770c7264..b564c2844 100644
--- a/client/src/reducers/lab1/RepairReducer.js
+++ b/client/src/reducers/lab1/RepairReducer.js
@@ -8,8 +8,8 @@ export const types = {
 export const initialState = {
   availableMessage: "",
   unavailableMessage: "",
-  availableBackgroundColor: "#FFFFFF",
-  unavailableBackgroundColor: "#FFFFFF",
+  availableBackgroundColor: "#ddd",
+  unavailableBackgroundColor: "#ddd",
   currentTab: 1,
   repairVisible: false,
   changesApplied: false,