diff --git a/resources/public/styles/partials/color-palette.scss b/resources/public/styles/partials/color-palette.scss
index 251754f425..c85ce61e14 100644
--- a/resources/public/styles/partials/color-palette.scss
+++ b/resources/public/styles/partials/color-palette.scss
@@ -29,7 +29,11 @@
   .left-arrow {
     transform: rotate(180deg);
   }
+  &.fade-out-down {
+    @include animation(0,.5s,fadeOutDown);
+  }  
 }
+
 .color-palette-actions {
   display: flex;
   flex-direction: column;