LandingCollective

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; } }