fix: only phrasing content is allowed inside label element

2024-10-29 13:35:13 +01:00
parent cfc400a619
commit a37cd3ff44
4 changed files with 35 additions and 24 deletions
--- a/components/TempDesignSystem/Form/Checkbox/index.tsx
+++ b/components/TempDesignSystem/Form/Checkbox/index.tsx
@@ -33,12 +33,12 @@ export default function Checkbox({
    >
      {({ isSelected }) => (
        <>
-          <div className={styles.checkboxContainer}>
-            <div className={styles.checkbox}>
+          <span className={styles.checkboxContainer}>
+            <span className={styles.checkbox}>
              {isSelected && <CheckIcon color="white" />}
-            </div>
+            </span>
            {children}
-          </div>
+          </span>
          {fieldState.error ? (
            <Caption className={styles.error} fontOnly>
              <InfoCircleIcon color="red" />