Help with unordered lists – PLEASE

Ok, so I’m new to everything related to coding. So it will be a stupid question for most of you and I’ll probably need sometime to make myself clear and to get the information you guys need from css (wherever that is…). Anyways, here is the issue:

this page: http://marcelolage.com.br/atuacao/criatividadeeinovacao/ has 2 unordered lists that are coded exactly the same way in the “text” tab of the wordpress edit page editor:
‘[checklist icon=”star” iconcolor=”dark” circle=”no”]

<‘ul>
<‘li>TEXT<‘/li>
<‘li>TEXT<‘/li>
<‘li>TEXT<‘/li>
<‘/ul>

[/checklist]’

however, I can’t figure out WHY ON EARTH the first one (which is inside a ‘[one_half] part) shows the stars OUTSIDE the text margin and the second ul is INSIDE the text margin. I want them both to be a little indented to the text above as the second one is. I’ve searched and tried everything I could find and nothing works.

It might be a little detail but I’m going nuts that I can’t fix it! I appreciate your help!