diff --git a/web_src/css/actions.css b/web_src/css/actions.css
index f7d1340db4..3992253eef 100644
--- a/web_src/css/actions.css
+++ b/web_src/css/actions.css
@@ -98,3 +98,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 aa2c4f6d2a..9e9fe81ab8 100644
--- a/web_src/js/components/RepoActionView.vue
+++ b/web_src/js/components/RepoActionView.vue
@@ -883,16 +883,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);
-  }
-}
-
 /* selectors here are intentionally exact to only match fullscreen */
 
 .full.height > .action-view-right {