diff --git a/src/client/components/monitor/MonitorList.tsx b/src/client/components/monitor/MonitorList.tsx
index c7fd653..1d752bf 100644
--- a/src/client/components/monitor/MonitorList.tsx
+++ b/src/client/components/monitor/MonitorList.tsx
@@ -37,7 +37,10 @@ export const MonitorList: React.FC = React.memo(() => {
       {monitors.map((monitor) => (
         <MonitorListItem
           key={monitor.id}
-          className={clsx(selectedMonitorId === monitor.id && '!bg-opacity-20')}
+          className={clsx(
+            selectedMonitorId === monitor.id && '!bg-opacity-20',
+            monitor.active === false && 'opacity-40'
+          )}
           workspaceId={workspaceId}
           monitorId={monitor.id}
           monitorName={monitor.name}