@@ -19,9 +19,10 @@ const ColorInput = ({ name, colors, disabled = false, label, className }) => {
1919 htmlFor={name}>
2020 {label}
2121 </Flex.Item>
22− <div className="flex flex-wrap">
22+ <Flex.Item as={Flex} wrap>
2323 {colors.map(c => (
24− <button
24+ <Flex.Item
25+ as="button"
2526 type="button"
2627 key={c}
2728 className={cn('m0 p0 h7 w7 p2 flex flex-center', {
@@ -39,9 +40,9 @@ const ColorInput = ({ name, colors, disabled = false, label, className }) => {
3940 ) : (
4041 <div />
4142 )}
42− </button>
43+ </Flex.Item>
4344 ))}
44− </div>
45+ </Flex.Item>
4546 </Flex>
4647 );
4748};