diff --git a/src/components/logo.js b/src/components/logo.js
index 6f5b160..a6a5605 100644
--- a/src/components/logo.js
+++ b/src/components/logo.js
@@ -13,6 +13,7 @@ const LogoStyles = styled.div`
   transition: all 0.4s ease;
 
   span {
+    transition: all 0.4s ease;
     color: var(--color-red);
   }
 
@@ -32,6 +33,10 @@ const LogoStyles = styled.div`
       transform: rotate(-180deg);
       transition: all 0.8s ease;
     }
+
+    span {
+      color: var(--color-blue);
+    }
   }
 `;