diff --git a/frontend/src/styles/Header.css b/frontend/src/styles/Header.css
index f37a45cee5114a5d4048c0f1cc9b62fb98c79aea..69c89100d13869649f6baf43bb7e155fc5db8a54 100644
--- a/frontend/src/styles/Header.css
+++ b/frontend/src/styles/Header.css
@@ -10,6 +10,11 @@
 #header-home-link {
     text-decoration: none;
     color: inherit;
+    transition: 0.3s;
+}
+
+#header-home-link:hover {
+    color: #6E83F9;
 }
 
 #header-restaurant-status {
@@ -27,10 +32,12 @@
 #header-button {
     height: 2rem;
     width: 2rem;
+    transition: 0.3s;
 }
 
 #header-button:hover {
     cursor: pointer;
+    color: #6E83F9;
 }
 
 @media only screen and (max-width: 600px) {