diff --git a/frontend/packages/swarm-ui/src/agent/terminal/CancelTurnBadge.tsx b/frontend/packages/swarm-ui/src/agent/terminal/CancelTurnBadge.tsx
index 4171654e..d01d2381 100644
--- a/frontend/packages/swarm-ui/src/agent/terminal/CancelTurnBadge.tsx
+++ b/frontend/packages/swarm-ui/src/agent/terminal/CancelTurnBadge.tsx
@@ -57,7 +57,7 @@ export function CancelTurnBadge({
   }
 
   if (state.status === "done") {
-    return <Badge variant="quiet" value={cancelNote(state.acted)} />;
+    return <Badge value={cancelNote(state.acted)} />;
   }
   if (state.status === "error") {
     return (
@@ -72,7 +72,7 @@ export function CancelTurnBadge({
   if (!canCancel(turnState)) return null;
   return (
     <Badge
-      variant="quiet"
+      tone="warning"
       value={state.status === "cancelling" ? "cancelling…" : "cancel turn"}
       title="stop the agent's current turn"
       onClick={state.status === "cancelling" ? undefined : cancel}