Компоненты zyfra-dropdown и zyfra-input разной высоты

Библиотека

• @digital-plant/zyfra-components
• @digital-plant/zyfra-ui
• @digital-plant/zyfra-translate

Компонент

zyfra-dropdown и zyfra-input

Версия

Операционная система:

Windows 10, etc

Браузер:

Google Chrome Версия 98.0.4758.102 (Официальная сборка), (x86_64)

NodeJS:

➜ node --version
v14.19.0

Dependencies:

➜ npm ls @digital-plant/zyfra-components

@digital-plant/zyfra-components 0.3.0

➜ npm ls @angular/core

@digital-plant/sdk@0.0.2 /Users/rustamz/dev/zyfra/sdk
├─┬ @angular/animations@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/cdk@12.2.13
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/common@12.2.12
│ └── @angular/core@12.2.12 deduped
├── @angular/core@12.2.12
├─┬ @angular/forms@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/platform-browser-dynamic@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/platform-browser@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/router@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @storybook/angular@6.3.12
│ └── @angular/core@12.2.12 deduped
├─┬ jest-preset-angular@10.0.1
│ └── @angular/core@12.2.12 deduped
└─┬ primeng@12.2.2
  └── @angular/core@12.2.12 deduped

Проект в котором используется КБ

• /zui-app-datalink
• https://gitdp.zyfra.com/digital-plant/zui-app-datalink

Скрин / Видео проблемы

_

Описание проблемы

создал тестовый блок div стили display: flex; height: 300px; width: 400px; в блок div поместил 2 элемента zyfra-dropdown и zyfra-input. Никаких дополнительных стилей не добавлял. Если элементам назначить свойство [mini]="true", эффект такой же.

Проблема: элементы разной высоты.