How to limit the height of MUI Autocomplete input box

Question

I am having trouble in limiting the height of MUI Autocomplete component. When I select the value from the list it automatically add empty space or row at the bottom of input which I do not want.

Below is my example.

https://codesandbox.io/s/mui-5-forked-n8nc6i?file=/src/App.js

screenshot

Answer 1

If you want to bypass the default css style from MUI, then you can use inside your css the following:

.MuiAutocomplete-inputRoot {
  flex-wrap: nowrap !important;
}

example