Page layout not clean

So from the menu, I launch a “classes” page contains the text [TP_EDUCATION_CLASS no_of_posts=”12″ column=”3″] and the layout is all funky (see https://www.defensivearts.org/classes/) however, when I use the menu item developed from the customization tool, the URL is https://www.defensivearts.org/tp-class/ and it lays out just fine. What is the difference, why is this happenign and am I able to arrange the classes manually? Alphabetically? Anything?

The page I need help with: [log in to see the link]