Проблема с настройкой высоты для цвета типа ввода ⇐ CSS

[Anonymous]

Я делаю план панели редактирования и не могу добиться одинаковой высоты элементов. Похоже, что у входных данных есть какие-то поля, которые я не могу удалить.
Проблема
Как это выглядит при проверке

Код: Выделить всё

.note-edit-menu {
border: 2px solid black;
width: 100%;
padding: 0.5rem;
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem;
}

.edit-menu-item {
width: 5rem;
height: 2rem;
}

.edit-mode-button {
background-color: green;
color: white;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
cursor: pointer;
}

Код: Выделить всё

Edit

Я попробовал сброс CSS, но это не сработало. То же самое в Chrome, Opera и Edge, если это имеет значение.

Подробнее здесь: https://stackoverflow.com/questions/792 ... type-color