/* Target the main control area of the dropdown. This is the outer box. */
.Select-control {
    height: 25px !important; /* Set a specific, smaller height */
    min-height: 25px !important; /* Override the default minimum height */
}

/* Target the container for the selected value's text */
.Select-value {
    /* Make line-height match the control height to vertically center the text */
    line-height: 25px !important; 
    padding-left: 12px !important; 
    padding-top: 2px !important;/* Keep your left padding */
}

/* Target the placeholder text (e.g., "Select a region") */
.Select-placeholder {
    line-height: 25px !important; /* Also center the placeholder text */
}

/* Target the input field where a user can type to search */
.Select-input {
    height: 25px !important; /* Ensure the input field respects the new height */
}