Issue with displaying fields horizontally on UCI CRM Form in CRM online version

Question

I want to have 8 fields displayed horizontally on a CRM Form, It works and displays in the classic UI.

However when i view in UCI, the fields are displayed one below