diff --git a/.changeset/clever-masks-share.md b/.changeset/clever-masks-share.md new file mode 100644 index 0000000000..8496f1324a --- /dev/null +++ b/.changeset/clever-masks-share.md @@ -0,0 +1,5 @@ +--- +'@iota/apps-ui-kit': minor +--- + +fix checkbox alignment diff --git a/apps/ui-kit/src/lib/components/atoms/checkbox/Checkbox.tsx b/apps/ui-kit/src/lib/components/atoms/checkbox/Checkbox.tsx index 8620115f14..241383b8fa 100644 --- a/apps/ui-kit/src/lib/components/atoms/checkbox/Checkbox.tsx +++ b/apps/ui-kit/src/lib/components/atoms/checkbox/Checkbox.tsx @@ -98,7 +98,7 @@ export const Checkbox = forwardRef( inputRef.current?.click()} className={cx( - 'checkbox-base checkbox-state checkbox-icon checkbox-icon-hidden', + 'checkbox-base checkbox-state checkbox-icon checkbox-icon-hidden shrink-0', 'checkbox-border-default', 'peer-[&:is(:checked,:indeterminate)]:checkbox-border-checked', 'peer-[&:is(:checked,:indeterminate)]:checkbox-bg-checked', @@ -119,7 +119,7 @@ export const Checkbox = forwardRef( function LabelText({ label, name }: Pick) { return ( -