Fix form field alignment for checkboxes (#28403)

frontend/src/metabase/core/components/FormField/FormField.styled.tsx

@@ -72,13 +72,16 @@ export const FieldInfoLabel = styled.div`
 `;
 
 export interface FieldRootProps {
+  alignment: FieldAlignment;
   orientation: FieldOrientation;
 }
 
 export const FieldRoot = styled.div<FieldRootProps>`
   display: ${props => props.orientation === "horizontal" && "flex"};
   justify-content: ${props =>
-    props.orientation === "horizontal" && "space-between"};
+    props.alignment === "end" &&
+    props.orientation === "horizontal" &&
+    "space-between"};
   margin-bottom: 1.25rem;
 
   &:focus-within {

frontend/src/metabase/core/components/FormField/FormField.tsx

@@ -45,7 +45,12 @@ const FormField = forwardRef(function FormField(
   const hasError = Boolean(error);
 
   return (
-    <FieldRoot {...props} ref={ref} orientation={orientation}>
+    <FieldRoot
+      {...props}
+      ref={ref}
+      alignment={alignment}
+      orientation={orientation}
+    >
       {alignment === "start" && children}
       {(title || description) && (
         <FieldCaption alignment={alignment} orientation={orientation}>