diff --git a/src/components/NetworkChart.tsx b/src/components/NetworkChart.tsx
index adcc36f..c71d451 100644
--- a/src/components/NetworkChart.tsx
+++ b/src/components/NetworkChart.tsx
@@ -51,12 +51,12 @@ export function NetworkChart({
 
   if (!monitorData) return <NetworkChartLoading />;
 
-  if (monitorData?.success && monitorData.data.length === 0) {
+  if (monitorData?.success && !monitorData.data) {
     return (
       <>
         <div className="flex flex-col items-center justify-center">
           <p className="text-sm font-medium opacity-40"></p>
-          <p className="text-sm font-medium opacity-40">
+          <p className="text-sm font-medium opacity-40 mb-4">
             {t("monitor.noData")}
           </p>
         </div>
diff --git a/src/components/ServiceTracker.tsx b/src/components/ServiceTracker.tsx
index fda7abb..f27f2fd 100644
--- a/src/components/ServiceTracker.tsx
+++ b/src/components/ServiceTracker.tsx
@@ -40,7 +40,9 @@ export const ServiceTracker: React.FC = () => {
   }
 
   if (!serviceData?.data?.services) {
-    return <div className="mt-4">No service data available</div>;
+    return (
+      <div className="mt-4 font-thin text-sm">No service data available</div>
+    );
   }
 
   return (