diff --git a/Wonky.Client/Components/ProcessStateComponent.razor b/Wonky.Client/Components/ProcessStateComponent.razor
index 77ade033..a3f52b8f 100644
--- a/Wonky.Client/Components/ProcessStateComponent.razor
+++ b/Wonky.Client/Components/ProcessStateComponent.razor
@@ -13,4 +13,4 @@
 //    along with this program.  If not, see [https://www.gnu.org/licenses/agpl-3.0.en.html]
 *@
 
-<i style="font-size:1.3em;" class="bi-@Icon @StateClass-state"></i>
+<i style="font-size:1.3em;" class="bi-@Icon @StateClass"></i>
diff --git a/Wonky.Client/wwwroot/css/app.css b/Wonky.Client/wwwroot/css/app.css
index ada0de20..8a22e5fd 100644
--- a/Wonky.Client/wwwroot/css/app.css
+++ b/Wonky.Client/wwwroot/css/app.css
@@ -85,46 +85,21 @@ a, .btn-link {
     min-height: 16px;
 }
 .the-good {
-    color: white;
-    background-color: green;;
+    color: green;;
 }
 .the-bad {
-    color: black;
-    background-color: orange;
+    color: orange;
 }
 .the-ugly {
-    color: black;
-    background-color: red;
-}
-.the-dead {
-    color: white;
-    background-color: black;
-}
-.the-fast {
-    color: black;
-    background-color: orange;
-}
-.the-draw {
-    color: black;
-    background-color: mediumpurple;
-}
-
-.the-good-state {
-    color: green;
-}
-.the-bad-state {
-    color: orange;
-}
-.the-ugly-state {
     color: red;
 }
-.the-dead-state {
+.the-dead {
     color: black;
 }
-.the-fast-state {
+.the-fast {
     color: orange;
 }
-.the-draw-state {
+.the-draw {
     color: mediumpurple;
 }