diff --git a/src/app/dashboard/items/items-header.scss b/src/app/dashboard/items/items-header.scss
index c6f04347..9fb58f03 100644
--- a/src/app/dashboard/items/items-header.scss
+++ b/src/app/dashboard/items/items-header.scss
@@ -39,6 +39,7 @@
 				background-color: inherit;
 				color: $color-inactive;
 				width: 100px;
+				transition: color 0.3s ease;
 
 				@include placeholder() {
 					transition: color 0.3s ease;
@@ -50,8 +51,10 @@
 				}
 
 				&:focus {
+					color: $color-active;
+
 					@include placeholder() {
-						color:  $color-active;
+						color:  lighten($color-active, 15%);
 					}
 
 					&+.search-icon {