diff --git a/src/common/MetaRow/MetaRowPlaceholder/styles.less b/src/common/MetaRow/MetaRowPlaceholder/styles.less
index 95a8f2ff2..ffa7bcbc4 100644
--- a/src/common/MetaRow/MetaRowPlaceholder/styles.less
+++ b/src/common/MetaRow/MetaRowPlaceholder/styles.less
@@ -30,6 +30,7 @@
             &:focus, &:hover {
                 outline: none;
                 background-color: var(--color-placeholder-background);
+                transition: background-color 100ms ease-out;
             }
 
             .label {
diff --git a/src/common/MetaRow/styles.less b/src/common/MetaRow/styles.less
index 7acdf110a..4f6fa18ec 100644
--- a/src/common/MetaRow/styles.less
+++ b/src/common/MetaRow/styles.less
@@ -29,6 +29,7 @@
             &:focus {
                 outline: none;
                 background-color: @color-background-light3;
+                transition: background-color 100ms ease-out;
             }
 
             .label {
@@ -42,7 +43,7 @@
                 flex: none;
                 height: 1.3rem;
                 margin-left: 0.5rem;
-                fill: @color-secondaryvariant2-light1;
+                fill: @color-secondaryvariant2-light1-90;
             }
         }
     }