Как убрать слабую серую линию над ComboBox и DatePicker JavaFX

Question

Я в школе на Java, поэтому, пожалуйста, будьте нежны. Я работаю с JavaFX для своего финала и форматирую css, тестируя код, я заметил эту очень слабую серую полосу над всеми моими полями. Я немного погуглил, нашел решение, реализовал его, но оно работает только для моих текстовых полей, а не для моего ComboBox или моего DatePicker.

введите описание изображения здесь

CSS my CSS отлично работает так, как я хочу, за исключением этой маленькой серой верхней границы. У кого-нибудь есть предложения, которые я мог бы использовать, чтобы убрать эту глупую вещь?

#datePicker {
    .date-picker {
    -fx-background-insets: 0;
    -fx-background-color: transparent, white, transparent, white;
    -fx-border-style: hidden hidden solid hidden;
    -fx-border-color:  #919294;
    -fx-border-width: 2px;
}

#datePicker .content {
    -fx-background-color: transparent, white, transparent, white;
}

#datePicker:focused .content {
    -fx-background-color: transparent, white, transparent, white;
}

#datePicker:focused {
    -fx-highlight-fill: #7ecfff;
}

#datePicker .content {
    -fx-padding: 10px;
    -fx-text-fill: gray;
    -fx-highlight-fill: #7ecfff;
}   

#datePicker .arrow-button{
    -fx-background-color: white;
}

}

Мой DatePicker

<DatePicker id="datePicker" fx:id="startDate" layoutX="14.0" layoutY="87.0" promptText="Start Date" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="206.0" AnchorPane.topAnchor="80.0" />
<DatePicker id="datePicker" fx:id="endDate" layoutY="138.0" promptText="End Date" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="206.0" AnchorPane.topAnchor="135.0" />