diff --git a/client/src/components/WorkflowInvocationState/WorkflowInvocationSummary.vue b/client/src/components/WorkflowInvocationState/WorkflowInvocationSummary.vue
index 3b30faf87d73..867fb46b50ae 100644
--- a/client/src/components/WorkflowInvocationState/WorkflowInvocationSummary.vue
+++ b/client/src/components/WorkflowInvocationState/WorkflowInvocationSummary.vue
@@ -2,10 +2,16 @@
     <div class="mb-3 workflow-invocation-state-component">
         <div v-if="invocationAndJobTerminal">
             <span>
-                <b-button v-b-tooltip.hover size="sm" class="invocation-report-link" :href="invocationLink">
+                <b-button
+                    v-if="invocationStateSuccess"
+                    v-b-tooltip.hover
+                    size="sm"
+                    class="invocation-report-link"
+                    :href="invocationLink">
                     View Report
                 </b-button>
                 <b-button
+                    v-if="invocationStateSuccess"
                     v-b-tooltip.hover
                     size="sm"
                     class="invocation-pdf-link"
@@ -126,6 +132,15 @@ export default {
         invocationState: function () {
             return this.invocation?.state || "new";
         },
+        invocationStateSuccess: function () {
+            return (
+                this.invocationState !== "failed" &&
+                this.invocationState !== "cancelled" &&
+                this.errorCount === 0 &&
+                this.runningCount === 0 &&
+                this.stepStates.scheduled === this.stepCount
+            );
+        },
         stepCount: function () {
             return this.invocation?.steps.length;
         },