diff --git a/packages/components/src/components/PipelineRuns/PipelineRuns.js b/packages/components/src/components/PipelineRuns/PipelineRuns.js
index 4ed4c0d57..ded1c9711 100644
--- a/packages/components/src/components/PipelineRuns/PipelineRuns.js
+++ b/packages/components/src/components/PipelineRuns/PipelineRuns.js
@@ -16,6 +16,7 @@ import { injectIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 import { StatusIcon, Table } from '@tektoncd/dashboard-components';
 import { getStatus, urls } from '@tektoncd/dashboard-utils';
+import { Pending24 as DefaultIcon } from '@carbon/icons-react';
 
 import { FormattedDate, FormattedDuration, RunDropdown } from '..';
 
@@ -40,7 +41,9 @@ const PipelineRuns = ({
   },
   getPipelineRunStatusIcon = pipelineRun => {
     const { reason, status } = getStatus(pipelineRun);
-    return <StatusIcon reason={reason} status={status} />;
+    return (
+      <StatusIcon DefaultIcon={DefaultIcon} reason={reason} status={status} />
+    );
   },
   getPipelineRunStatusTooltip = (pipelineRun, intl) => {
     const { message } = getStatus(pipelineRun);
diff --git a/packages/components/src/components/RunHeader/RunHeader.scss b/packages/components/src/components/RunHeader/RunHeader.scss
index 7d98db11d..2c938bb85 100644
--- a/packages/components/src/components/RunHeader/RunHeader.scss
+++ b/packages/components/src/components/RunHeader/RunHeader.scss
@@ -94,6 +94,12 @@ header.tkn--pipeline-run-header {
     }
   }
 
+  &[data-succeeded='Unknown'][data-reason='PipelineRunPending'] {
+    .tkn--status-label {
+      color: $gray-70;
+    }
+  }
+
   &[data-succeeded='Unknown'][data-reason='Running'],
   &[data-succeeded='Unknown'][data-reason='PipelineRunStopping'] {
     .tkn--status-label {