diff --git a/src/client/components/monitor/MonitorList.tsx b/src/client/components/monitor/MonitorList.tsx
index faef7df..dd0dbaa 100644
--- a/src/client/components/monitor/MonitorList.tsx
+++ b/src/client/components/monitor/MonitorList.tsx
@@ -75,9 +75,10 @@ export const MonitorList: React.FC = React.memo(() => {
         >
           <div>
             <span
-              className={
-                'bg-green-400 min-w-[62px] p-0.5 rounded-full text-white inline-block text-center'
-              }
+              className={clsx(
+                'min-w-[62px] p-0.5 rounded-full text-white inline-block text-center',
+                upPercent === 100 ? 'bg-green-400' : 'bg-amber-400'
+              )}
             >
               {/* {monitor.monthOnlineRate * 100}% */}
               {upPercent}%