endAdornment箭头使用Material-UI自动完成中的最后一个字符占用太多空间

import React from 'react';
import Autocomplete from '@material-ui/lab/Autocomplete';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles({
  arrowIcon: {
    fontSize: '16px', // 调整箭头图标的大小
    marginRight: '8px', // 调整箭头图标与文本之间的间距
  },
});

const MyAutocomplete = () => {
  const classes = useStyles();

  return (
    <Autocomplete
      options={[]}
      renderInput={(params) => (
        <TextField
          {...params}
          InputProps={{
            ...params.InputProps,
            endAdornment: (
              <>
                {params.InputProps.endAdornment}
                <ArrowDropDownIcon className={classes.arrowIcon} />
              </>
            ),
          }}
        />
      )}
    />
  );
};

export default MyAutocomplete;