Не понятно почему выпадает текст в задании с полями динамической ширины?

Здравствуйте! Тут задание курса Флекс-бокс уровень 2 “Поля ввода с динамической шириной” не совсем понятно. Почему сам блок уменьшился, а содержимое как-бы продолжает занимать его предыдущую ширину и таким образом выпадает? Подробно см. картинку.