diff --git a/src/components/ServerDetailChart.tsx b/src/components/ServerDetailChart.tsx
index 70cec45..8fbd478 100644
--- a/src/components/ServerDetailChart.tsx
+++ b/src/components/ServerDetailChart.tsx
@@ -62,9 +62,7 @@ export default function ServerDetailChart() {
   // 检查连接状态
   if (readyState !== 1) {
     return (
-      <div className="flex flex-col items-center justify-center">
-        <p className="font-semibold text-sm">connecting...</p>
-      </div>
+      <ServerDetailChartLoading />
     );
   }
 
diff --git a/src/components/ServerDetailOverview.tsx b/src/components/ServerDetailOverview.tsx
index 35cf6f2..d4feb6c 100644
--- a/src/components/ServerDetailOverview.tsx
+++ b/src/components/ServerDetailOverview.tsx
@@ -19,9 +19,7 @@ export default function ServerDetailOverview() {
   // 检查连接状态
   if (readyState !== 1) {
     return (
-      <div className="flex flex-col items-center justify-center">
-        <p className="font-semibold text-sm">connecting...</p>
-      </div>
+      <ServerDetailLoading />
     );
   }