[Autocomplete] How to change the fontSize?

I got this rendering as I wanted using the following but would be great if a simpler fontSize property was made available to the menu so we don’t have to map and use a MenuItem which feels like overkill for a simple use case such as this:

...
dataSource={results.map((val) => { return {
  text: val.description,
  value: (
    <MenuItem
      primaryText={val.description}
      style={{ fontSize: 15, width: 300, textOverflow: 'ellipsis', overflow: 'hidden' }}
    />
  ) }
})}
...

NB The ellipsis property does not seem to work as expected in this example

Using styled-components global style

1. Use classes property

<AutoComplete
   classes={{ input: 'autoComplete-text', option: 'autoComplete-text'}}
....
/>

1. Create global style

import { createGlobalStyle } from 'styled-components';

const GlobalStyle = createGlobalStyle`
  .autoCompleteText {
    font-size: 13px;
  }
`;

export default GlobalStyle;

1. Implement the GlobalStyle on Root Component

function App() {
return (
<ThemeProvider theme={theme}>
        <GlobalStyle/>
 ....

Using global stylesheet, just follow the first step, then import css file to target component or root component