LDD Shortcode Conflict

Good day. I am using Divi Theme. I put this LDD shortcode to display the listing by their category in a certain page and when I published the page, it suddenly display the listing above the editor page (I attached a screenshot for this, see link below.) where I put the shortcode. And also in the preview page it was located above the first row of the page. I put the shortcode in an element which is Code and inside a row, but in the preview page when I use the inspect element I found out that the shortcode I put was not contained inside the row.

Shortcode:
[directory_category slug=”handyman” view=”compact” list_order_by=”random” list_order=”ASC” limit=”8″]

Link of Website:
https://www.buildingchoice.com.au/

Screenshot: