diff --git a/dashboard/src/features/nodes/log/container.tsx b/dashboard/src/features/nodes/log/container.tsx
@@ -8,6 +8,7 @@ import {
} from "@marzneshin/components";
import type { NodeType } from "..";
import { useNodesLog } from "..";
+import { cn } from "@marzneshin/utils";
import type { FC } from "react";
import { useTranslation } from "react-i18next";
@@ -29,7 +30,7 @@ export const LogContainer: FC<LogContainerProps> = ({ node }) => {
<div className="flex flex-row gap-2 justify-center items-center">
<Badge
variant={status === "closed" ? "destructive" : "default"}
- className="flex justify-center items-center w-full h-6 capitalize"
+ className={cn("flex justify-center items-center w-full h-6 capitalize hover:text-primary-foreground", { "bg-green-600 text-neutral-100": (status !== "closed") })}
>
{status}
</Badge>