align icon vertically

[shunjizhan]

maybe switch to flex style to make icon align more accurate in the center

[thejustinwalsh]

This solved the alignment problem for me:

const CaretRightIcon = ({ ...props }) => <span style={{ verticalAlign: 'middle', padding: '2px' }}><ChevronRight size={16} {...props} /></span>;
const CaretDownIcon = ({ ...props }) => <span style={{ verticalAlign: 'middle', padding: '2px' }}><ChevronDown size={16} {...props} /></span>;

[shunjizhan]

Hi Justin,

Thanks for sharing, it is super helpful for ppl who need to center icons with current version.

While using a custom icon is viable, I might update the default css in later version, so ppl won't need to custom all the icons just to align them in the middle lol