chore: address pr review

dequelabs · Jul 17, 2023 · d47de1d · d47de1d
1 parent 5bd19b1
commit d47de1d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/packages/react/src/components/Checkbox/index.tsx b/packages/react/src/components/Checkbox/index.tsx
@@ -71,7 +71,7 @@ const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
     }
 
     return (
-      <>
+      <div className="Checkbox">
         <div className={classNames('Checkbox is--flex-row', className)}>
           <input
             id={id}
@@ -124,18 +124,18 @@ const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
               }
             }}
           />
-          {labelDescription && (
-            <span id={labelDescriptionId} className="Field__labelDescription">
-              {labelDescription}
-            </span>
-          )}
-          {error && (
-            <div id={errorId} className="Error">
-              {error}
-            </div>
-          )}
         </div>
-      </>
+        {labelDescription && (
+          <span id={labelDescriptionId} className="Field__labelDescription">
+            {labelDescription}
+          </span>
+        )}
+        {error && (
+          <div id={errorId} className="Error">
+            {error}
+          </div>
+        )}
+      </div>
     );
   }
 );

diff --git a/packages/styles/forms.css b/packages/styles/forms.css
@@ -309,11 +309,11 @@ textarea.Field--has-error:focus:hover,
   border-radius: 3px;
   color: #333;
   margin-right: var(--space-half);
+  align-self: flex-start;
 }
 
 .Radio__overlay {
   border-radius: 50%;
-  align-self: flex-start;
 }
 
 .Radio__overlay svg,