diff --git a/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.css b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.css
index 0597dd34eb..1df331259f 100644
--- a/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.css
+++ b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.css
@@ -6,10 +6,6 @@
   min-width: 250px;
   overflow: hidden;
   display: inline-block; }
-  .simulation-client.simulation-client-running {
-    background-color: #d6ffce; }
-  .simulation-client.simulation-client-stopping {
-    background-color: #fde0d7; }
   .simulation-client .simulation-client-icon {
     color: #999; }
   .simulation-client .simulation-client-scenario {
@@ -17,3 +13,11 @@
   .simulation-client .simulation-client-scenario-current-step {
     color: #666;
     font-size: 0.8em; }
+  .simulation-client.simulation-client-running {
+    background-color: #d6ffce; }
+    .simulation-client.simulation-client-running .simulation-client-icon {
+      color: #008000; }
+  .simulation-client.simulation-client-stopping {
+    background-color: #fde0d7; }
+    .simulation-client.simulation-client-stopping .simulation-client-icon {
+      color: #f88562; }
diff --git a/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.min.css b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.min.css
index 60855f964d..dc51bea15a 100644
--- a/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.min.css
+++ b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.min.css
@@ -1 +1 @@
-.simulation-client{border:1px solid #008000;background-color:#f5f5f5;margin:3px;padding:5px;min-width:250px;overflow:hidden;display:inline-block;}.simulation-client.simulation-client-running{background-color:#d6ffce;}.simulation-client.simulation-client-stopping{background-color:#fde0d7;}.simulation-client .simulation-client-icon{color:#999;}.simulation-client .simulation-client-scenario{font-weight:bold;}.simulation-client .simulation-client-scenario-current-step{color:#666;font-size:.8em;}
\ No newline at end of file
+.simulation-client{border:1px solid #008000;background-color:#f5f5f5;margin:3px;padding:5px;min-width:250px;overflow:hidden;display:inline-block;}.simulation-client .simulation-client-icon{color:#999;}.simulation-client .simulation-client-scenario{font-weight:bold;}.simulation-client .simulation-client-scenario-current-step{color:#666;font-size:.8em;}.simulation-client.simulation-client-running{background-color:#d6ffce;}.simulation-client.simulation-client-running .simulation-client-icon{color:#008000;}.simulation-client.simulation-client-stopping{background-color:#fde0d7;}.simulation-client.simulation-client-stopping .simulation-client-icon{color:#f88562;}
\ No newline at end of file
diff --git a/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.scss b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.scss
index 9f78c3e46d..9f1abbc765 100644
--- a/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.scss
+++ b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.scss
@@ -7,14 +7,6 @@
     overflow: hidden;
     display: inline-block;
 
-    &.simulation-client-running {
-        background-color: #d6ffce;
-    }
-
-    &.simulation-client-stopping {
-        background-color: #fde0d7;
-    }
-
     .simulation-client-icon {
         color: #999;
     }
@@ -27,4 +19,20 @@
         color: #666;
         font-size: 0.8em;
     }
+
+    &.simulation-client-running {
+        background-color: #d6ffce;
+
+        .simulation-client-icon {
+            color: #008000;
+        }
+    }
+
+    &.simulation-client-stopping {
+        background-color: #fde0d7;
+
+        .simulation-client-icon {
+            color: #f88562;
+        }
+    }
 }