diff --git a/web/app/src/pages/ComputerPage/components/ComputerDetailPane/ComputerDetailPane.tsx b/web/app/src/pages/ComputerPage/components/ComputerDetailPane/ComputerDetailPane.tsx
index 16656936..3f9c9e65 100644
--- a/web/app/src/pages/ComputerPage/components/ComputerDetailPane/ComputerDetailPane.tsx
+++ b/web/app/src/pages/ComputerPage/components/ComputerDetailPane/ComputerDetailPane.tsx
@@ -106,7 +106,10 @@ export function ComputerDetailPane({
                       · {agentModelID(item)}
                     </small>
                   </span>
-                  <span className={`workspace-status-dot ${isAgentRunning(item) ? "online" : ""}`}></span>
+                  <span
+                    className={`workspace-status-dot ${isAgentRunning(item) ? "online" : ""}`}
+                    aria-hidden="true"
+                  ></span>
                 </button>
                 {SHOW_AGENT_LIFECYCLE_ACTIONS ? (
                   <Button
diff --git a/web/app/src/pages/WorkspacePage/components/WorkspaceComponents.css b/web/app/src/pages/WorkspacePage/components/WorkspaceComponents.css
index 80c40034..7d5bed8d 100644
--- a/web/app/src/pages/WorkspacePage/components/WorkspaceComponents.css
+++ b/web/app/src/pages/WorkspacePage/components/WorkspaceComponents.css
@@ -2952,6 +2952,21 @@ button[disabled],
   color: var(--success-700);
 }
 
+.workspace-status-dot {
+  width: 9px;
+  height: 9px;
+  flex: 0 0 9px;
+  border-radius: 999px;
+  background: var(--muted);
+  opacity: 0.55;
+}
+
+.workspace-status-dot.online {
+  background: currentColor;
+  opacity: 1;
+  box-shadow: 0 0 0 3px rgba(18, 183, 106, 0.14);
+}
+
 .mini-badge.warn,
 .agent-badge.warn {
   color: var(--warning-700);