diff --git a/templates/repo/commit_status.tmpl b/templates/repo/commit_status.tmpl
index 2dfd757ee1e..ebd8a55f65e 100644
--- a/templates/repo/commit_status.tmpl
+++ b/templates/repo/commit_status.tmpl
@@ -1,3 +1,4 @@
+<!-- make sure this matches the color logic in web_src/js/components/DashboardRepoList.vue -->
 {{if eq .State "pending"}}
 	{{svg "octicon-dot-fill" 18 "commit-status icon text yellow"}}
 {{end}}
diff --git a/web_src/js/components/DashboardRepoList.vue b/web_src/js/components/DashboardRepoList.vue
index c5a2de843f6..d68ee45ee3d 100644
--- a/web_src/js/components/DashboardRepoList.vue
+++ b/web_src/js/components/DashboardRepoList.vue
@@ -152,13 +152,12 @@ import {SvgIcon} from '../svg.js';
 
 const {appSubUrl, assetUrlPrefix, pageData} = window.config;
 
+// make sure this matches templates/repo/commit_status.tmpl
 const commitStatus = {
   pending: {name: 'octicon-dot-fill', color: 'yellow'},
-  running: {name: 'octicon-dot-fill', color: 'yellow'},
   success: {name: 'octicon-check', color: 'green'},
   error: {name: 'gitea-exclamation', color: 'red'},
   failure: {name: 'octicon-x', color: 'red'},
-  warning: {name: 'gitea-exclamation', color: 'yellow'},
 };
 
 const sfc = {