i have this:

const useStyles = makeStyles((theme) => ({
  input: {
    backgroundColor: theme.palette.background.paper,
    height: 34,
    borderRadius: 8,
  },

}))

. . .

<Autocomplete
  ///some code
  renderInput={(params) => (
                        <TextField
                          {...params}
                          variant="outlined"
                          size="small"
                          className={classes.input}
                          fullWidth
                        />
                      )}
 />

The output is as follows :

How can I change outlined class?

i want change height ,borderColor .