Выпадающее меню Semantic UI React закрывает окно поиска

Я разрабатываю приложение для реагирования, в котором я использую раскрывающийся список Semantic UI React Dropdown, где пользователь может искать и выбирать часовой пояс. Программно выпадающий список работает нормально. За исключением того, что раскрывающийся список закрывает поле поиска раскрывающегося списка. См. Картинку ниже. Как изменить положение раскрывающегося списка?

  <Grid.Column width={8}>
    <div style={styleDropdownDiv}>
      <Dropdown
        placeholder='Time Zones'
        search
        selection
        fluid
        options={timeZonesDropdownData}
        value={this.state.diveSiteTimeZoneID}
        onChange={this.onTimeZoneChange}
      />
    </div>
  </Grid.Column>


const styleDropdownDiv = {
  padding: '0px',
  marginTop: '15px'
};

введите код сюда