diff --git a/src/app/components/root/root.component.scss b/src/app/components/root/root.component.scss
index fd32f77..baa489f 100644
--- a/src/app/components/root/root.component.scss
+++ b/src/app/components/root/root.component.scss
@@ -15,12 +15,14 @@
   margin-top: 25px;
   padding-bottom: 9px;
   font-size: 80%;
-  transition: font-size 0.15s ease;
+  color: lighten(black, 90%);
+  transition: font-size 0.15s ease, color 0.15s;
 }
 
 #topname.active {
   font-size: 100%;
-  transition: font-size 0.15s ease;
+  color: black;
+  transition: font-size 0.40s ease, color 0.15s;
 }
 
 #topname #first {