diff --git a/dashboard/src/features/nodes/log/container.tsx b/dashboard/src/features/nodes/log/container.tsx
index 34194c2..e88c3f0 100644
--- a/dashboard/src/features/nodes/log/container.tsx
+++ b/dashboard/src/features/nodes/log/container.tsx
@@ -1,10 +1,10 @@
 import {
-  Badge,
-  Card,
-  CardContent,
-  CardHeader,
-  ScrollArea,
-  Separator,
+    Badge,
+    Card,
+    CardContent,
+    CardHeader,
+    ScrollArea,
+    Separator,
 } from "@marzneshin/components";
 import type { NodeType } from "..";
 import { useNodesLog } from "..";
@@ -12,45 +12,45 @@ import type { FC } from "react";
 import { useTranslation } from "react-i18next";
 
 interface LogContainerProps {
-  node: NodeType;
+    node: NodeType;
 }
 
 export const LogContainer: FC<LogContainerProps> = ({ node }) => {
-  const { logs, status, logsDiv } = useNodesLog(node);
-  const { t } = useTranslation();
+    const { logs, status, logsDiv } = useNodesLog(node);
+    const { t } = useTranslation();
 
-  return (
-    <Card className="h-full w-full">
-      <CardContent className="flex flex-col p-2 h-full w-full">
-        <CardHeader className="flex flex-row justify-between items-center p-2">
-          <p className="capitalize font-header">
-            {t("page.nodes.settings.log-container.title")}
-          </p>
-          <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"
-            >
-              {status}
-            </Badge>
-          </div>
-        </CardHeader>
-        <ScrollArea
-          className="flex p-2 h-full max-h-[calc(100vh-20rem)] rounded-md bg-secondary text-primary w-full overflow-auto"
-          ref={logsDiv}
-        >
-          {logs.map((log: string, index: number) => (
-            <div key={log} className="w-full">
-              <p className="font-mono text-[0.7rem] text-primary my-1 break-all rounded-sm p-[1px] hover:bg-gray-300 dark:hover:bg-gray-900">
-                {log}
-              </p>
-              {index !== logs.length - 1 && (
-                <Separator className="bg-gray-600" />
-              )}
-            </div>
-          ))}
-        </ScrollArea>
-      </CardContent>
-    </Card>
-  );
+    return (
+        <Card className="h-full w-full">
+            <CardContent className="flex flex-col p-2 h-full w-full">
+                <CardHeader className="flex flex-row justify-between items-center p-2">
+                    <p className="capitalize font-header">
+                        {t("page.nodes.settings.log-container.title")}
+                    </p>
+                    <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"
+                        >
+                            {status}
+                        </Badge>
+                    </div>
+                </CardHeader>
+                <ScrollArea
+                    className="flex p-2 h-full max-h-[calc(100vh-20rem)] rounded-md bg-secondary text-primary w-full overflow-auto"
+                    ref={logsDiv}
+                >
+                    {logs.map((log: string, index: number) => (
+                        <div key={log} className="w-full">
+                            <p className="font-mono text-[0.7rem] text-primary my-1 break-all rounded-sm p-[1px] hover:bg-gray-300 dark:hover:bg-gray-900">
+                                {log}
+                            </p>
+                            {index !== logs.length - 1 && (
+                                <Separator className="bg-white dark:bg-gray-700" />
+                            )}
+                        </div>
+                    ))}
+                </ScrollArea>
+            </CardContent>
+        </Card>
+    );
 };