diff --git a/frontend/src/styles/Header.css b/frontend/src/styles/Header.css
index 69c89100d13869649f6baf43bb7e155fc5db8a54..768b727a10b6312a2d80df546ffd002f2eb50505 100644
--- a/frontend/src/styles/Header.css
+++ b/frontend/src/styles/Header.css
@@ -14,7 +14,7 @@
 }
 
 #header-home-link:hover {
-    color: #6E83F9;
+    color: #C2D1F9;
 }
 
 #header-restaurant-status {
@@ -37,7 +37,7 @@
 
 #header-button:hover {
     cursor: pointer;
-    color: #6E83F9;
+    color: #C2D1F9;
 }
 
 @media only screen and (max-width: 600px) {
diff --git a/frontend/src/styles/Home.css b/frontend/src/styles/Home.css
index 64a2e898f050d5e792ba6290b510120c2c6c5db7..2a326d11cf0a9a89c9a7d7fcb8cfc4fbffdc7512 100644
--- a/frontend/src/styles/Home.css
+++ b/frontend/src/styles/Home.css
@@ -36,10 +36,15 @@
     font-weight: bold;
     text-decoration: none;
     white-space: nowrap;
+    transition: 0.3s;
+}
+
+.home-link-item + span {
+    transition: 0.3s;
 }
 
 .home-link-item:hover {
-    color: inherit;
+    color: #C2D1F9;
 }
 
 .home-link-item:hover + span {