Different field width

[nunoautotrip]

Hi everyone,

Why is the width of each field different? "Phone Number" and "Email" are longer than "Company Name" and this field is longer than the drop-down fields that come below. Also, the First and Last Name have different widths:

I have already tried to insert different snippets of code, but none of them have worked so far:

hbspt-form input[name="lastname"],
.hbspt-form input[name="firstname"]
{
    width: calc(50% + 94px);
}
.hbspt-form input[name="email"],
.hbspt-form input[name="phone"]
 {
    width: calc(95% - 26px);
}

.hs-form fieldset {
max-width: none!important;
}

What else can I try?

Link to the page where you can find the form: https://autotrip.co.uk/free-trial-gps-mileage-tracking-device/.

[Phil_Vallender · Accepted solution]

Hi Nuno, 

My dev has suggested you try the following:

fieldset input, fieldset select, fieldset textarea {
   width: 100% !important;
   box-sizing: border-box;
}

Hope this helps.

[KirstenTange]

Sorry but where do you put that code? 

Thanks in advance! 

[nunoautotrip]

Thanks a lot, it worked! All the best. 🙂 

[Phil_Vallender]

Great!