CheckboxGroupInput is not aligned with other Inputs in List Filters

[Luwangel]

What you were expecting:

I use a CheckboxGroupInput in Filters, but this one is not aligned with the others inputs. I want the label and the checkboxes to be aligned as you can see below.

What happened instead:

According to this screenshot, we can see that the labels are not aligned.

Steps to reproduce:

• Create a CheckboxGroupInput filter
• Select the filter in the list and compare it to others

const PostFilter = props => (
    <Filter {...props}>
        <TextInput
            source="title"
            defaultValue="Qui tempore rerum et voluptates"
        />
        <CheckboxGroupInput
            label="Languages"
            choices={[
                { id: 'english', name: 'English' },
                { id: 'french', name: 'French' },
            ]}
            {...props}
        />
    </Filter>
);

Related code:

It's a bug related to how the checkboxes are designed in Material UI. In facts, they use a IconButton which has a default size which is bigger than the size expected to align our filters.

Environment

• React-admin version: 2.6