diff --git a/web_src/js/components/RepoActionView.vue b/web_src/js/components/RepoActionView.vue
index ddc7139a2..58019e9df 100644
--- a/web_src/js/components/RepoActionView.vue
+++ b/web_src/js/components/RepoActionView.vue
@@ -280,8 +280,6 @@ export function initRepositoryActionView() {
 
 <style scoped lang="less">
 
-// some elements are not managed by vue, so we need to use _actions.less in addition.
-
 .action-view-body {
   display: flex;
   height: calc(100vh - 266px); // fine tune this value to make the main view has full height
@@ -411,3 +409,56 @@ export function initRepositoryActionView() {
 }
 </style>
 
+<style lang="less">
+// some elements are not managed by vue, so we need to use global style
+
+// TODO: the parent element's full height doesn't work well now
+body > div.full.height {
+  padding-bottom: 0;
+}
+
+.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;
+  .job-step-logs {
+    font-family: monospace, monospace;
+    .job-log-line {
+      display: flex;
+      .line-num {
+        width: 48px;
+        color: var(--color-grey-light);
+        text-align: right;
+      }
+      .log-time {
+        color: var(--color-grey-light);
+        margin-left: 10px;
+        white-space: nowrap;
+      }
+      .log-msg {
+        flex: 1;
+        word-break: break-all;
+        white-space: break-spaces;
+        margin-left: 10px;
+      }
+    }
+
+    // TODO: group support
+    .job-log-group {
+    }
+
+    .job-log-group-summary {
+    }
+
+    .job-log-list {
+    }
+  }
+}
+</style>
diff --git a/web_src/less/_actions.less b/web_src/less/_actions.less
deleted file mode 100644
index 1acad06a6..000000000
--- a/web_src/less/_actions.less
+++ /dev/null
@@ -1,43 +0,0 @@
-@import "variables.less";
-
-// TODO: the parent element's full height doesn't work well now
-body > div.full.height {
-  padding-bottom: 0;
-}
-
-.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;
-  .job-step-logs {
-    font-family: monospace;
-    .job-log-line {
-      display: flex;
-      .line-num {
-        width: 48px;
-        color: var(--color-grey-light);
-        text-align: right;
-      }
-      .log-time {
-        color: var(--color-grey-light);
-        margin-left: 10px;
-        white-space: nowrap;
-      }
-      .log-msg {
-        flex: 1;
-        word-break: break-all;
-        white-space: break-spaces;
-        margin-left: 10px;
-      }
-    }
-
-    // TODO: group support
-  }
-}
diff --git a/web_src/less/index.less b/web_src/less/index.less
index 29cff15c5..5d55b9291 100644
--- a/web_src/less/index.less
+++ b/web_src/less/index.less
@@ -38,6 +38,5 @@
 @import "_review";
 @import "_package";
 @import "_runner";
-@import "_actions";
 
 @import "./helpers.less";