diff --git a/chaoscenter/web/src/components/StatusHeatMap/StatusHeatMap.module.scss b/chaoscenter/web/src/components/StatusHeatMap/StatusHeatMap.module.scss
index 03b3d0b0e6d..f87646f542e 100644
--- a/chaoscenter/web/src/components/StatusHeatMap/StatusHeatMap.module.scss
+++ b/chaoscenter/web/src/components/StatusHeatMap/StatusHeatMap.module.scss
@@ -14,7 +14,7 @@
     justify-content: center;
 
     &[data-state='completed'] {
-      background-color: var(--green-500);
+      background-color: var(--green-50);
       &:hover,
       &:focus {
         box-shadow: var(--white) 0px 0px 0px 1px, var(--green-100) 0px 0px 0px 2px;
diff --git a/chaoscenter/web/src/components/StatusHeatMap/StatusHeatMap.tsx b/chaoscenter/web/src/components/StatusHeatMap/StatusHeatMap.tsx
index f810a2199e0..e3607fb99e1 100644
--- a/chaoscenter/web/src/components/StatusHeatMap/StatusHeatMap.tsx
+++ b/chaoscenter/web/src/components/StatusHeatMap/StatusHeatMap.tsx
@@ -36,7 +36,6 @@ export function StatusHeatMap(props: StatusHeatMapProps): React.ReactElement {
 
   function hideIconForStatus(experimentRunStatus: ExperimentRunStatus): boolean {
     switch (experimentRunStatus) {
-      case ExperimentRunStatus.COMPLETED:
       case ExperimentRunStatus.COMPLETED_WITH_PROBE_FAILURE:
       case ExperimentRunStatus.COMPLETED_WITH_ERROR:
       case ExperimentRunStatus.NA: