Aligning Field Boxes in Form

I'm currently working on a form layout, and I'm encountering some alignment issues with the field boxes. I've attached a screenshot for reference.

As you can see, the email field box has a lot of unnecessary space compared to the phone field box. I'm aiming to have all the field boxes (Email and Loan Rate) neatly aligned.

I've included the code I used since I need phone and email, loan rate, and loan bal to be on the same line.

#collection-65f20da776e55c51956176d6{
.field-list {
display: flex;
flex-wrap: wrap;
}
  
.form-item:nth-child(1) {
width: 100% !important;
}
  
/* LEFT */
.form-item:nth-child(2), .form-item:nth-child(4) {
width: 40%  !important;
margin-right: 4% !important;
  }
/* RIGHT */
.form-item:nth-child(3) {
width: 56%  !important;
}
}

If you share link to page where you use this form, we can check easier