Autocomplete form breaks wrapping container

Problem/Motivation

Autocomplete form breaks wrapping container

Steps to reproduce

Just add a multi-value entity reference field with autocomplete widget to a node form and resize window.

Proposed resolution

The wrapping element "div.claro-autocomplete" is an inline-block. The inner "input.form-element" is styled with max-width, what is not working.

The following CSS solves the problem.

.claro-autocomplete .form-element {
    width: 100%;
    max-width: 40rem;
}