Order of fields do not match

I ended up doing CSS hacks to change the order.

For example:

/* HACKING ORDER OF MAILCHIMP FORM */
#mc_signup .mc_form_inside {
	display: flex;
	flex-direction: column;
}

#mc_signup .mc_form_inside .mc_merge_var:has(#mc_mv_FNAME) {
	order: 1;
}

#mc_signup .mc_form_inside .mc_merge_var:has(#mc_mv_LNAME) {
	order: 2;
}

#mc_signup .mc_form_inside .mc_merge_var:has(#mc_mv_EMAIL) {
	order: 3;
}

#mc_signup .mc_form_inside .mc_merge_var:has(#mc_mv_COMPANY) {
	order: 4;
}

#mc_signup .mc_form_inside .mc_merge_var:has(#mc_mv_ROLE) {
	order: 5;
}

#mc_signup .mc_form_inside .mc_merge_var:has(#mc_mv_EMAIL) {
	order: 6;
}

#mc_signup .mc_form_inside .mc_merge_var:has(#mc_mv_PHONE) {
	order: 7;
}

#mc_signup .mc_form_inside #mc-indicates-required {
	order: 8;
}

#mc_signup .mc_form_inside .mc_signup_submit {
	order: 9;
}