From f5cb773e9eb97abf384d9d4818416e2900c9e0c9 Mon Sep 17 00:00:00 2001
From: Andrew Watkins <watts@influxdb.com>
Date: Thu, 12 Jul 2018 08:41:50 -0700
Subject: [PATCH] Use proper id in htmlFor prop

---
 ui/src/kapacitor/components/TasksTable.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/kapacitor/components/TasksTable.tsx b/ui/src/kapacitor/components/TasksTable.tsx
index a76d9813dc..1e3e25cdf2 100644
--- a/ui/src/kapacitor/components/TasksTable.tsx
+++ b/ui/src/kapacitor/components/TasksTable.tsx
@@ -81,7 +81,7 @@ export class TaskRow extends PureComponent<TaskRowProps> {
               checked={task.status === 'enabled'}
               onChange={this.handleClickRuleStatusEnabled}
             />
-            <label htmlFor={`kapacitor-task-row-task-enabled ${task.name}`} />
+            <label htmlFor={`kapacitor-task-row-task-enabled ${task.id}`} />
           </div>
         </td>
         <td style={{width: colActions}} className="text-right">