.metadataEntry-outerDiv { display: flex; width: 300px; } .react-autosuggest__container { position: relative; } .react-autosuggest__container, .metadataEntry-input { width: 100%; margin-left: 5px; margin-right: 5px; } .metadataEntry-input, .react-autosuggest__input { border: 1px solid #aaa; border-radius: 4px; width: 100%; } .react-autosuggest__input--focused { outline: none; } .react-autosuggest__input--open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .react-autosuggest__suggestions-container { display: none; } .react-autosuggest__suggestions-container--open { display: block; position: fixed; width: 180px; border: 1px solid #aaa; background-color: #fff; font-family: Helvetica, sans-serif; font-weight: 300; font-size: 16px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 2; } .react-autosuggest__suggestions-list { margin: 0; padding: 0; list-style-type: none; } .react-autosuggest__suggestion { cursor: pointer; padding: 10px 20px; } .react-autosuggest__suggestion--highlighted { background-color: #ddd; }