Changing the width of the textbox did not impact the width of the parent element. How to fix it to remove empty space?

Hi in the phone number session  I though I'd like to make it more compact and align all the 3 fields into one line.  I've shortened the width of two boxes.  How shall I further reduce the "space" each box occupies?

If you add this CSS code all the 3 fields will be in the same row, equally spaced out.

#cid_6 .form-sub-label-container {
    width: 85px;
}
#input_6_country {
    width: 75px;
}

Do let us know if that is the layout that you wanted to achieve once you test it out.