diff --git a/ui/common/css/component/_loader.scss b/ui/common/css/component/_loader.scss
index 2a69703be5..76139639ee 100644
--- a/ui/common/css/component/_loader.scss
+++ b/ui/common/css/component/_loader.scss
@@ -32,6 +32,22 @@
   }
 }
 
+@keyframes spinner-color {
+  0%,
+  100% {
+    stroke: #42a5f5;
+  }
+  25% {
+    stroke: #f44336;
+  }
+  50% {
+    stroke: #fdd835;
+  }
+  75% {
+    stroke: #4caf50;
+  }
+}
+
 .spinner {
   width: 70px;
   height: 70px;
@@ -47,6 +63,10 @@
     animation: mask3 2s cubic-bezier(0, 0, 0.431, 1) infinite;
   }
 
+  g {
+    animation: spinner-color 8s steps(1) infinite;
+  }
+
   .white & path {
     stroke: #fff;
   }