How To Change Button Size on Forms

Site URL: https://www.matey.app/support

Hi! I'm trying to figure out how to change the form button size to the "Small" preset to match the size of the button on my header. I'm also trying to figure out how to customize the color of the form fields when they are active. By default they turn to white, but I want them to be a different color. My template is Stanton. Thanks in advance for your help!

Add to Home > Design > Custom CSS

input.button.sqs-system-button.sqs-editable-button {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10px !important;
}

how to customize the color of the form fields when they are active. By default they turn to white

I see black color here? Can you take screenshot?

@tuanphan Thank you for your reply! Regarding the active text box, it turns from the dark gray #262626 color I selected to white. I just want it to stay the dark gray #262626 color when typing in the field. I attached a screenshot below. 

Also, do you know how to customize the small descriptor text highlighted under "Account Phone Number"? I'd like to change it to a different font and color.

Thank you again for your help!