Filters - is that expected behaviour for Filters? [v3.7.6]

Is this described behavior expected and if there is a way to fix styles of SelectField and Checkbox filter components?

## Steps to Reproduce
1. Update mui-datatables to the latest version '3.7.6'.
2. Open the page where there is a Table component with filters feature enabled and click on the Filter icon button.
3. SelectField filter kind does not wrap long values and looks like SelectFiled component or wrapping container do not extends for whole parent width.
4. Checkboxes are aligned in a list one by one in a column, NOT one by one in one line.

## Current Behavior
maybe expected?!

## Expected Behavior
**[v.3.6.0]**

## Environment
| Tech | Version |
|--------------|---------|
| Material-UI | "5.0.0-alpha.5" |
| MUI-datatables | "3.7.6" |
| React | "^16.13.1" |
| browser | Chrome (Version 89.0.4389.82) |
| etc | |

Start by reproducing the filter layout in mui-datatables 3.7.6 with React and Material-UI 5.0.0-alpha.5, then compare it with the 3.6.0 behavior shown in the issue screenshots. Investigate the SelectField wrapping and checkbox alignment; done means the filter components match the expected layout or the behavior is documented as intentional.

Written by the indexing model from the issue text.