diff --git a/src/components/services/status.jsx b/src/components/services/status.jsx
index 28fddbc62..606570d2c 100644
--- a/src/components/services/status.jsx
+++ b/src/components/services/status.jsx
@@ -54,7 +54,9 @@ export default function Status({ service, style }) {
 
   return (
     <div
-      className={`w-auto text-center overflow-hidden ${backgroundClass} rounded-b-[3px] docker-status`}
+      className={`w-auto text-center overflow-hidden ${backgroundClass} rounded-b-[3px] docker-status docker-status-${statusLabel
+        .toLowerCase()
+        .replace(" ", "-")}`}
       title={statusTitle}
     >
       {style !== "dot" ? (