diff --git a/web_src/css/actions.css b/web_src/css/actions.css
index c89a70ec04..e024f9e752 100644
--- a/web_src/css/actions.css
+++ b/web_src/css/actions.css
@@ -94,3 +94,12 @@
     right: 0;
   }
 }
+
+.job-status-rotate {
+  animation: job-status-rotate-keyframes 1s linear infinite;
+}
+@keyframes job-status-rotate-keyframes {
+  100% {
+    transform: rotate(-360deg);
+  }
+}
diff --git a/web_src/js/components/RepoActionView.vue b/web_src/js/components/RepoActionView.vue
index 0bdce36995..554636dd2b 100644
--- a/web_src/js/components/RepoActionView.vue
+++ b/web_src/js/components/RepoActionView.vue
@@ -903,15 +903,6 @@ export default {
 
 <style>
 /* some elements are not managed by vue, so we need to use global style */
-.job-status-rotate {
-  animation: job-status-rotate-keyframes 1s linear infinite;
-}
-
-@keyframes job-status-rotate-keyframes {
-  100% {
-    transform: rotate(-360deg);
-  }
-}
 
 .job-step-section {
   margin: 10px;