Hello,
I have many unordered lists (ul) within a site I am converting and am finding that they are not lining up properly. They simply do not have the padding I expect

They are being pulled left, outside of the container. And lists within lists are even worse.
You can also see this if you visit my temp blog post: https://www.exploringallaire.com/exploring/nj-state-parks-and-many-county-parks-reopen-may-2020/
You can see the list below "A few things to note" is pulled left, outside the container. And the list contains sub-lists and are all aligned far left.
You can also see the situation if you were to view your own Jobs page (http://themes.semicolonweb.com/html/canvas/jobs.html) and remove the iconlist class from the list. The list disc icons are displayed, but they are pulled way left.
I know you have a special icon list. But I just want to be able to include a good old list with "normal" left margins without special classes and custom icons. Event bootstrap itself displays lists properly: https://getbootstrap.com/docs/4.0/content/reboot/#lists
Is there an easy way to fix this? Do you already have a utility class to do this? I will add my own if you do not.
Thank you.
