Input Tables - Alignment Issues When Publishing

My survey looks like I want it to look in the Form Builder (Left side of the attached screenshot) but the alignment changes when I publish the form (right side of the attached screenshot). Can you assist?

Please try adding this custom CSS codes below on your form:

li#id_8 {

    left: -320px;

}

li#id_9 {

    top: -210px;

    right: -400px;

}

li#id_10 {

    top: -240px;

    right: -400px;

}

li#id_12 {

    margin-top: -180px;

}

li#id_11 {

    left: -395px;

}

This will fix the alignment and positioning of those input tables when published.

GUIDE: How-to-Inject-Custom-CSS-Codes