How to make the two matrix fields with same height and border?

Here the matrix learner's personal details matrix looks different from the other 3 matrices next to it (mainly the boarder of the drop down boxes are different  from the text box border,and the height of the 3 matrices are higher than the learner's personal details matrix, can we make it looks as the one same matrix?

Hello swapna_summit,

Please inject the following custom css code in your form to adjust the height and the border color of text box and drop down fields :

.form-matrix-values .form-dropdown {

height: 23px !important;

border: 1px solid rgb(169, 169, 169) !important;

}input.form-textbox{

border: 1px solid rgb(169, 169, 169) !important;

}

The following guide should help you in injecting custom css code:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

Hope this helps.

Do get back to us if you have any questions.

Thank you!