                     (dom/option #js {:value "right"} "Right")
                     (dom/option #js {:value "bottom"} "Bottom")
                     (dom/option #js {:value "left"} "Left"))
-        (dom/label nil "Details")
+        (dom/label #js {:htmlFor "kestrel-details"} "Details")
         (dom/select #js {:ref "details"
+                         :id "kestrel-details"
                          :value (:badge-details data)
                          :defaultValue (if (= "" (:popover data))
                                          (:badge-details data)

                    (dom/option #js {:value "donut"} "Donut")
                    (dom/option #js {:value "medium-donut"} "Medium donut")
                    (dom/option #js {:value "large-donut"} "Large donut"))
        (dom/label nil "Popover")
        (dom/select #js {:ref "popover"
                         :value (:popover data)
                         :defaultValue (if (= "" (:badge-details data))
                                         (:popover data)

      nil
      (dom/fieldset
        nil
        (dom/label #js {:htmlFor "kestrel-badge-type"} "Badge type")
        (dom/select #js {:ref "badgeType"
                         :id "kestrel-badge-type"
                         :value (:badge-type data)
                         :defaultValue (:badge-type data)
                         :onChange (partial change-data :badge-type)}
