diff --git a/legacy/src/css/jgivenreport.css b/legacy/src/css/jgivenreport.css
index a8fb06a5..6971d707 100644
--- a/legacy/src/css/jgivenreport.css
+++ b/legacy/src/css/jgivenreport.css
@@ -474,6 +474,10 @@ table.steps tr.steps:hover .nested-step .step-expand-icon {
     color: #aaa !important;
 }
 
+.ABORTED {
+    color: #aaa;
+}
+
 .PASSED {
 }
 
@@ -489,6 +493,11 @@ table.steps tr.steps:hover .nested-step .step-expand-icon {
     font-size: 0.7rem !important;
 }
 
+.aborted {
+    color: #aaa;
+    font-size: 0.7rem;
+}
+
 .collapsed {
     display: none;
 }
@@ -505,6 +514,10 @@ table.steps tr.steps:hover .nested-step .step-expand-icon {
     color: gray !important;
 }
 
+.word.ABORTED {
+    color: gray;
+}
+
 .argument {
     color: black;
     font-shadow: 1px 1px 1px gray;
diff --git a/legacy/src/public/index.html b/legacy/src/public/index.html
index 24199355..cca670f3 100644
--- a/legacy/src/public/index.html
+++ b/legacy/src/public/index.html
@@ -117,6 +117,7 @@
           <i ng-if="step.status === 'SKIPPED'" class="skipped fa fa-ban"></i>
           <i ng-if="step.status === 'PENDING'" title="Pending"
              class="skipped fa fa-ban"></i>
+          <i ng-if="step.status === 'ABORTED'" class="aborted fa fa-exclamation-circle"></i>
         </span>
   <span ng-if="step.durationInNanos > 10000000"
         class="duration"> ({{ ::nanosToReadableUnit(step.durationInNanos) }})</span>