How to change the size of 3 fields on my form

Trying to submit this for the third time.

I am trying to increase the size of three fields on my form:

- firstname

- lastname

- institution name

I added the code below to my css but it had no affect.  The code is:

[data-component="first"] {

width: 150 px;

}

[data-component="last"] {

width: 175 px;

}

Help.

Try Using the CSS selectors below to target the First, and last name, and the Intuition name field. 

/*First Name  */

.form-sub-label-container[data-input-type="first"] {

    width : 150px!important;

}

/*Last Name  */

.form-sub-label-container[data-input-type="last"] {

    width : 175px!important;

}

/*Intuition Name  */

#input_18 {

    width : 500px!important;

}

Let us know should you need further assistance.

Related guide.- How-to-Inject-Custom-CSS-Codes