How to style material ui Native select same as simple select

Question

I am using Native select from material ui because simple select is some issue when NVDA is enabled so I want style Native select options style same as simple select menu item style .

Can anyone please help me on this

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import InputLabel from '@material-ui/core/InputLabel';
import FormControl from '@material-ui/core/FormControl';
 import Select from '@material-ui/core/Select';
  const useStyles = makeStyles((theme) => ({
   formControl: {
   margin: theme.spacing(1),
   minWidth: 120,
  },
   selectEmpty: {
   marginTop: theme.spacing(2),
   },
   }));

 export default function NativeSelects() {
 const classes = useStyles();
 const [state, setState] = React.useState({
  age: '',
  name: 'hai',
 });
 const handleChange = (event) => {
const name = event.target.name;
setState({
  ...state,
  [name]: event.target.value,
});
 };
  return (
<div>
  <FormControl className={classes.formControl}>
    <InputLabel htmlFor="age-native-simple">Age</InputLabel>
    <Select
      native
      value={state.age}
      onChange={handleChange}
      inputProps={{
        name: 'age',
        id: 'age-native-simple',
      }}
    >
  
      <option value={10}>Ten</option>
      <option value={20}>Twenty</option>
      <option value={30}>Thirty</option>
    </Select>
  </FormControl>   
</div>
);}

I want this type of style in native option