How to change height of date input boxes in a configurable list?

I have a form with a configurable list that includes a date field, but I can't adjust the height of the date input.

I have inserted the following in the widget CSS, but only the heights of the text and number inputs change:

input[type="text"] { height: 30px;}

input[type="date"] { height: 30px;}

input[type="number"] { height: 30px;}

Hello,

Kindly try to use the following CSS code instead:

input.translatable, select.form-dropdown.d, select.form-dropdown.m, select.form-dropdown.y, input.stepper { height: 30px ; }

You can adjust the px value according to your need.