diff --git a/src/common/components/forms/FormChipControl.tsx b/src/common/components/forms/FormChipControl.tsx index c04aa53ef..594960cb6 100644 --- a/src/common/components/forms/FormChipControl.tsx +++ b/src/common/components/forms/FormChipControl.tsx @@ -21,6 +21,13 @@ const _styles = { gap: 1, } as const, + chipGroupEnd: { + display: 'flex', + flexWrap: 'wrap', + justifyContent: 'flex-end', + gap: 1, + } as const, + chip: { '--Chip-minHeight': '1.75rem', // this makes it prob better px: 1.5, @@ -36,6 +43,7 @@ export const FormChipControl = (props: { // specific size?: 'sm' | 'md' | 'lg', color?: ColorPaletteProp, + alignEnd?: boolean, // =FormRadioControl title: string | React.JSX.Element; description?: string | React.JSX.Element; @@ -59,7 +67,7 @@ export const FormChipControl = (props: { return ( {(!!props.title || !!description) && } - + {props.options.map((option) => (