Elementor gallery navigation arrows shows as squares

[rayramosdesign]

Hi I am using elementor free and as of late the navigational arrows and dots on my image galleries are showing as squares. When inspected, it shows a class of "eicon-chevron-right" or left. The dots do not work either, they dont even show. I am using GENERATE PRESS theme. I had a similar issue with other icons on the site that clearly were Font Awesome but was able to fix them with this CSS:

.fas {
font-family: FontAwesome;
}

.far {
font-family: FontAwesome;
}

Unfortunately that didnt fixed the issue with the "chevron" arrows or dots. can someone clue me in on what to do?
Thanks