diff --git a/packages/html-reporter/src/testCaseView.css b/packages/html-reporter/src/testCaseView.css
index dc51f6852d..b070503668 100644
--- a/packages/html-reporter/src/testCaseView.css
+++ b/packages/html-reporter/src/testCaseView.css
@@ -43,7 +43,7 @@
 }
 
 .test-case-run-duration {
-  color: var(--color-fg-subtle);
+  color: var(--color-fg-muted);
   padding-left: 8px;
 }
 
diff --git a/packages/html-reporter/src/testFileView.css b/packages/html-reporter/src/testFileView.css
index e84215c5be..489cce61ba 100644
--- a/packages/html-reporter/src/testFileView.css
+++ b/packages/html-reporter/src/testFileView.css
@@ -36,7 +36,7 @@
   margin: 0 0 0 15px;
   line-height: 16px;
   font-weight: 400;
-  color: var(--color-fg-subtle);
+  color: var(--color-fg-muted);
   display: flex;
   align-items: center;
 }
@@ -44,7 +44,7 @@
 .test-file-path {
   text-overflow: ellipsis;
   overflow: hidden;
-  color: var(--color-fg-subtle);
+  color: var(--color-fg-muted);
 }
 
 .test-file-path-link {
@@ -58,7 +58,7 @@
 }
 
 .test-file-badge span {
-  color: var(--color-fg-subtle);
+  color: var(--color-fg-muted);
 }
 
 .test-file-badge:hover {
@@ -66,7 +66,7 @@
 }
 
 .test-file-badge svg {
-  fill: var(--color-fg-subtle);
+  fill: var(--color-fg-muted);
 }
 
 .test-file-badge:hover svg {