diff --git a/web/src/lib/components/AgentIndicator.svelte b/web/src/lib/components/AgentIndicator.svelte
index f4a8f69..a02788d 100644
--- a/web/src/lib/components/AgentIndicator.svelte
+++ b/web/src/lib/components/AgentIndicator.svelte
@@ -53,7 +53,7 @@
 </script>
 
 {#if active || done || error}
-  <div class="flex items-center gap-2 py-2 text-xs {error ? 'text-destructive' : done ? 'text-success' : 'text-muted-foreground'}" class:opacity-50={done} class:transition-opacity>
+  <div class="flex items-center gap-2 py-2 text-xs transition-opacity {error ? 'text-destructive' : done ? 'text-success opacity-50' : 'text-muted-foreground'}">
     <span class="shrink-0">
       {#if error}
         <XIcon class="size-3" />