@codecademy/gamut

Index: package/dist/ConnectedForm/ConnectedInputs/ConnectedCheckbox.js
===================================================================
--- package/dist/ConnectedForm/ConnectedInputs/ConnectedCheckbox.js
+++ package/dist/ConnectedForm/ConnectedInputs/ConnectedCheckbox.js
@@ -1,5 +1,6 @@
 import * as React from 'react';
+import { useId } from 'react';
 import { Controller } from 'react-hook-form';
 import { Checkbox } from '../..';
 import { useField } from '..';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -23,8 +24,9 @@
   } = useField({
     name,
     disabled
   });
+  const uniqueIdSuffix = useId();
   return /*#__PURE__*/_jsx(Controller, {
     control: control,
     defaultValue: false,
     name: name,
@@ -40,9 +42,9 @@
       "aria-required": isRequired,
       checked: value,
       className: className,
       disabled: isDisabled,
-      htmlFor: name,
+      htmlFor: `${name}-${uniqueIdSuffix}`,
       id: id,
       infotip: infotip,
       label: label,
       multiline: multiline,