v.5.2.1 Trouble with display: grid in Firefox

[DiRover]

Hello, with new version, 5.2.1, I stucked with trouble in existence project. When parent component, with Select inside, has property "display: grid", Select is starting to go beyond parent element. It happens only in Firefox browser. Mac OS or Windows no matter. Please, anybody explain this behavior.

code:

import Select from 'react-select';

export const options = [
  { value: 'ocean', label: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', color: '#00B8D9', isFixed: true },
  { value: 'blue', label: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', color: '#0052CC', isDisabled: true },
];

function App() {
  return (
    <div style={{display: 'grid', margin: '20px 700px'}}>
      <Select options={options}/>
    </div>
  );
}

export default App;

Firefox

Chrome