Im using with SELECT component of material ui and im trying to add OK button So it will be stuck in the scroll down(using overflow-y).

material ui version - v4 ES6 @material-ui/core/Select

<FormControl>
  <Select
    className={classes.select}
    multiple
    displayEmpty
    value={selectedOptions}
    onChange={handleChange}
    disableUnderline
    MenuProps={MenuProps}
  >
    {options.map(option => (
      <MenuItem
        classes={{ root: classes.selectedOption}}
        key={option}
        value={option}
      >
        <CustomCheckbox checked={selectedOptions.includes(option)} />
        <ListItemText classes={{ primary: classes.selectText }} primary={option} />
      </MenuItem>
    ))}
    <Button
      className={classes.button}
      onClick={applySelectedVendorsHandler}
    >
      Ok
    </Button>
  </Select>
</FormControl>

The apply button is on the bottom of the Select component as this way: enter image description here

but i want the button to be appeared all over the scrolling, I also define the maxHeight on MenuProp.