Hello Wenkang Cheng,
I understand the fields are not properly aligned in UI. To fix this you need to write custom styles (CSS) so that the fields can be displayed as you align them.
To fix the CSS you need to write your custom CSS class in the below place and apply those classes in the widget as you mentioned above.
Hope this answers your question.
pls try Config CSS directly in the search field Widget (Appearance → Style) with something like “width: xxx” to check if it can fix?