diff --git a/web/src/components/repo/pipeline/PipelineStatusIcon.vue b/web/src/components/repo/pipeline/PipelineStatusIcon.vue
index 3df9d224d39..3de97a84998 100644
--- a/web/src/components/repo/pipeline/PipelineStatusIcon.vue
+++ b/web/src/components/repo/pipeline/PipelineStatusIcon.vue
@@ -11,6 +11,7 @@
         'text-wp-state-ok-100': pipelineStatusColors[status] === 'green',
         'text-wp-state-info-100': pipelineStatusColors[status] === 'blue',
         'text-wp-state-warn-100': pipelineStatusColors[status] === 'orange',
+        'rotate-animation': service && pipelineStatusColors[status] === 'blue',
       }"
     />
   </div>
diff --git a/web/src/style.css b/web/src/style.css
index 0855c2ef14a..8ad2e637695 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -150,3 +150,16 @@ body,
 .code-box-inline {
   @apply bg-wp-code-200 rounded-md text-wp-code-text-100;
 }
+
+/* TODO(2194): https://tailwindcss.com/docs/animation */
+@keyframes rotate-kf {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.rotate-animation {
+  animation: rotate-kf 2s linear infinite;
+}