diff --git a/src/components/page-step/index.tsx b/src/components/page-step/index.tsx
index 02bb030ee..f687b8398 100644
--- a/src/components/page-step/index.tsx
+++ b/src/components/page-step/index.tsx
@@ -74,8 +74,9 @@ export function PageStep({ appName, jobName, stepName }: PageStepProps) {
             <div className="grid grid--gap-medium grid--overview-columns">
               <div className="grid grid--gap-medium">
                 <Typography>
-                  Pipeline Step <strong>
-                    {step.status.toLowerCase()}
+                  Pipeline Step{' '}
+                  <strong>
+                    {step.status?.toLowerCase() ?? 'pending'}
                   </strong>{' '}
                 </Typography>
                 <Typography>
@@ -119,7 +120,7 @@ export function PageStep({ appName, jobName, stepName }: PageStepProps) {
           </section>
 
           {stepName === 'run-pipelines' &&
-            (pipelineRuns?.length > 0 ? (
+            (pipelineRuns && pipelineRuns.length > 0 ? (
               <section>
                 <Typography
                   variant="h4"
diff --git a/src/components/pipeline-run-task-steps/pipeline-task-table-row.tsx b/src/components/pipeline-run-task-steps/pipeline-task-table-row.tsx
index 28cf102aa..e479ac6eb 100644
--- a/src/components/pipeline-run-task-steps/pipeline-task-table-row.tsx
+++ b/src/components/pipeline-run-task-steps/pipeline-task-table-row.tsx
@@ -28,7 +28,7 @@ export function PipelineTaskStepsTableRow({
         )}
       </Table.Cell>
       <Table.Cell variant="icon">
-        <PipelineRunStatusBadge status={status} />
+        <PipelineRunStatusBadge status={status ?? 'PipelineRunPending'} />
       </Table.Cell>
     </Table.Row>
   );
diff --git a/src/components/pipeline-run-tasks/pipeline-task-table-row.tsx b/src/components/pipeline-run-tasks/pipeline-task-table-row.tsx
index ba39ef35c..52e8e0f73 100644
--- a/src/components/pipeline-run-tasks/pipeline-task-table-row.tsx
+++ b/src/components/pipeline-run-tasks/pipeline-task-table-row.tsx
@@ -57,7 +57,7 @@ export function PipelineTaskTableRow({
         )}
       </Table.Cell>
       <Table.Cell variant="icon">
-        <PipelineRunStatusBadge status={task.status} />
+        <PipelineRunStatusBadge status={task.status ?? 'PipelineRunPending'} />
       </Table.Cell>
     </Table.Row>
   );
diff --git a/src/components/pipeline-run/index.tsx b/src/components/pipeline-run/index.tsx
index dac897bb5..aa46abf68 100644
--- a/src/components/pipeline-run/index.tsx
+++ b/src/components/pipeline-run/index.tsx
@@ -21,7 +21,10 @@ export function PipelineRun({ pipelineRun }: Props) {
           <div className="grid grid--gap-medium grid--overview-columns">
             <div className="grid grid--gap-medium">
               <Typography>
-                Pipeline run <strong>{pipelineRun.status.toLowerCase()}</strong>
+                Pipeline run{' '}
+                <strong>
+                  {pipelineRun.status?.toLowerCase() ?? 'pending'}
+                </strong>
               </Typography>
               <Typography>
                 {getPipelineRunExecutionState(pipelineRun.status)} pipeline{' '}
diff --git a/src/components/pipeline-runs/pipeline-run-table-row.tsx b/src/components/pipeline-runs/pipeline-run-table-row.tsx
index 96ca7edcd..3a54a346f 100644
--- a/src/components/pipeline-runs/pipeline-run-table-row.tsx
+++ b/src/components/pipeline-runs/pipeline-run-table-row.tsx
@@ -56,7 +56,9 @@ export function PipelineRunTableRow({ appName, jobName, pipelineRun }: Props) {
         )}
       </Table.Cell>
       <Table.Cell variant="icon">
-        <PipelineRunStatusBadge status={pipelineRun.status} />
+        <PipelineRunStatusBadge
+          status={pipelineRun.status ?? 'PipelineRunPending'}
+        />
       </Table.Cell>
     </Table.Row>
   );
diff --git a/src/components/replica-list/index.tsx b/src/components/replica-list/index.tsx
index 2ecd0c5df..06cbfa226 100644
--- a/src/components/replica-list/index.tsx
+++ b/src/components/replica-list/index.tsx
@@ -117,7 +117,9 @@ export const ReplicaList: FunctionComponent<{
                   />
                 </Table.Cell>
                 <Table.Cell>
-                  <ReplicaStatusBadge status={replica.replicaStatus?.status} />
+                  <ReplicaStatusBadge
+                    status={replica.replicaStatus?.status ?? 'Pending'}
+                  />
                 </Table.Cell>
                 <Table.Cell>
                   <RelativeToNow time={replica.created} />
diff --git a/src/components/replica/index.tsx b/src/components/replica/index.tsx
index e9048c5e5..f6a401204 100644
--- a/src/components/replica/index.tsx
+++ b/src/components/replica/index.tsx
@@ -124,7 +124,9 @@ const Overview = ({
           )}
           <ReplicaImage replica={replica} />
           {status || (
-            <ReplicaStatusBadge status={replica.replicaStatus?.status} />
+            <ReplicaStatusBadge
+              status={replica.replicaStatus?.status ?? 'Pending'}
+            />
           )}
         </div>
         <div className="grid grid--gap-medium">
diff --git a/src/utils/pipeline/index.ts b/src/utils/pipeline/index.ts
index 0fa487096..292f35dc9 100644
--- a/src/utils/pipeline/index.ts
+++ b/src/utils/pipeline/index.ts
@@ -27,7 +27,7 @@ export function getPipelineStepDescription(stepName: string): string | null {
   }
 }
 
-export function getPipelineStepTitle(stepName: string): string | null {
+export function getPipelineStepTitle(stepName?: string): string | null {
   switch (stepName) {
     case PipelineStep.CloneConfig:
       return 'Cloning Radix config';