diff --git a/auto-claude-ui/src/renderer/components/task-detail/task-review/WorkspaceStatus.tsx b/auto-claude-ui/src/renderer/components/task-detail/task-review/WorkspaceStatus.tsx
index 6c67ded5..15a3c2ba 100644
--- a/auto-claude-ui/src/renderer/components/task-detail/task-review/WorkspaceStatus.tsx
+++ b/auto-claude-ui/src/renderer/components/task-detail/task-review/WorkspaceStatus.tsx
@@ -265,12 +265,16 @@ export function WorkspaceStatus({
       {/* Actions Footer */}
       <div className="px-4 py-3 bg-muted/20 border-t border-border space-y-3">
         {/* Stage Only Option */}
-        <label className="flex items-center gap-2 text-sm text-muted-foreground cursor-pointer select-none">
+        <label className="inline-flex items-center gap-2.5 text-sm cursor-pointer select-none px-3 py-2 rounded-lg border border-border bg-background/50 hover:bg-background/80 transition-colors">
           <Checkbox
             checked={stageOnly}
             onCheckedChange={(checked) => onStageOnlyChange(checked === true)}
+            className="border-muted-foreground/50 data-[state=checked]:border-primary"
           />
-          <span>Stage only (review in IDE before committing)</span>
+          <span className={cn(
+            "transition-colors",
+            stageOnly ? "text-foreground" : "text-muted-foreground"
+          )}>Stage only (review in IDE before committing)</span>
         </label>
 
         {/* Primary Actions */}