Выравнивать кнопки и поля по ширине опасно. Во‑первых, такие конструкции выглядят несбалансированными, потому что яркая кнопка перевешивает лёгкое поле ввода. Во‑вторых, их легко спутать с горизонтальной переключалкой, в которой выбран правый пункт:

А вот по высоте кнопки и поля выравнивать нужно. Не случайно в гайдлайнах операционных систем высоте интерфейсных элементов уделяется много внимания.

Нарушать выравнивание кнопок и полей по высоте стоит очень осторожно и отдавая себе отчёт в том, какого эффекта вы хотите достичь. Например, в вашем скриншоте внизу приведена форма калькулятора с промостраницы Шопфанса, которую сделали в бюро. Мы специально сделали все элементы интерфейса разной высоты и формы, чтобы поддержать стиль сервиса и страницы.