diff --git a/UI/WebServerResources/scss/components/toolbar/toolbar.scss b/UI/WebServerResources/scss/components/toolbar/toolbar.scss
index 2c1262bbe..603015d68 100644
--- a/UI/WebServerResources/scss/components/toolbar/toolbar.scss
+++ b/UI/WebServerResources/scss/components/toolbar/toolbar.scss
@@ -18,6 +18,16 @@ md-toolbar {
   font-size: 1em !important;
 }
 
+// Colors transition when changing folder in dialogs
+md-toolbar,
+md-toolbar .md-input,
+md-toolbar md-input-container.md-input-has-value label,
+md-toolbar md-input-container label:not(.md-no-float),
+md-toolbar md-icon {
+  transition: background-color $swift-ease-out-duration $swift-ease-out-timing-function,
+              color $swift-ease-out-duration $swift-ease-out-timing-function;
+}
+
 .md-toolbar-tools {
   //padding: 0;
   // dirty fix to override angular-material botchy typography