diff --git a/web/src/components/atomic/Icon.vue b/web/src/components/atomic/Icon.vue
index d1b9ba300..129d911d0 100644
--- a/web/src/components/atomic/Icon.vue
+++ b/web/src/components/atomic/Icon.vue
@@ -12,14 +12,17 @@
   <i-teenyicons-git-solid v-else-if="name === 'repo'" class="h-8 w-8" />
   <i-clarity-settings-solid v-else-if="name === 'settings'" class="w-8 h-8" />
   <i-gg-trash v-else-if="name === 'trash'" class="h-6 w-6" />
-  <i-bi-play-circle-fill v-else-if="name === 'status-blocked'" class="h-6 w-6" />
-  <i-bi-stop-circle-fill v-else-if="name === 'status-declined'" class="h-6 w-6" />
-  <i-bi-x-circle-fill
+  <i-mdi-play v-else-if="name === 'status-blocked'" class="h-6 w-6" />
+  <i-mdi-stop v-else-if="name === 'status-declined'" class="h-6 w-6" />
+  <i-mdi-close-thick
     v-else-if="name === 'status-failure' || name === 'status-error' || name === 'status-killed'"
     class="h-6 w-6"
   />
-  <i-bi-circle v-else-if="name === 'status-pending'" class="h-6 w-6" />
-  <i-carbon-in-progress v-else-if="name === 'status-running' || name === 'status-started'" class="h-6 w-6" />
+  <i-mdi-radiobox-blank v-else-if="name === 'status-pending'" class="h-6 w-6" />
+  <i-mdi-radiobox-indeterminate-variant
+    v-else-if="name === 'status-running' || name === 'status-started'"
+    class="h-6 w-6"
+  />
   <i-bi-slash-circle-fill v-else-if="name === 'status-skipped'" class="h-6 w-6" />
   <i-bi-check-circle-fill v-else-if="name === 'status-success'" class="h-6 w-6" />
   <i-bi-exclamation-triangle-fill v-else-if="name === 'attention'" class="h-5 w-5" />
diff --git a/web/src/components/repo/pipeline/PipelineStatusIcon.vue b/web/src/components/repo/pipeline/PipelineStatusIcon.vue
index 58d214b28..f80ef78d9 100644
--- a/web/src/components/repo/pipeline/PipelineStatusIcon.vue
+++ b/web/src/components/repo/pipeline/PipelineStatusIcon.vue
@@ -10,6 +10,7 @@
         'text-wp-state-neutral-100': pipelineStatusColors[status] === 'gray',
         'text-wp-state-ok-100': pipelineStatusColors[status] === 'green',
         'text-wp-state-info-100': pipelineStatusColors[status] === 'blue',
+        'text-wp-state-warn-100': pipelineStatusColors[status] === 'orange',
       }"
     />
   </div>
diff --git a/web/src/components/repo/pipeline/pipeline-status.ts b/web/src/components/repo/pipeline/pipeline-status.ts
index 177350ef5..5b444e115 100644
--- a/web/src/components/repo/pipeline/pipeline-status.ts
+++ b/web/src/components/repo/pipeline/pipeline-status.ts
@@ -1,12 +1,12 @@
 import { PipelineStatus } from '~/lib/api/types';
 
-export const pipelineStatusColors: Record<PipelineStatus, 'green' | 'gray' | 'red' | 'blue'> = {
+export const pipelineStatusColors: Record<PipelineStatus, 'green' | 'gray' | 'red' | 'blue' | 'orange'> = {
   blocked: 'gray',
   declined: 'red',
   error: 'red',
   failure: 'red',
   killed: 'gray',
-  pending: 'gray',
+  pending: 'orange',
   skipped: 'gray',
   running: 'blue',
   started: 'blue',