Ajax Pagination Breaks Design

Here is a page located in a staging site: http://x7s.d49.myftpupload.com/visit-statesville/food-n-drinks

All looks as it should until you click to move onto another page of listings using the pagination at the bottom, then font-size goes out of whack, css rules that were being used on page elements are somehow ignored.

I am using this shortcode to display the listings for the category:

[gd_listings post_type="gd_place" sort_by="az" title_tag="h2" layout="1" post_limit="12" add_location_filter="1" with_pagination="1" bottom_pagination="1" category="157"]

I believe this issue has something to do with the ajax listing loader:

<div class="geodir-ajax-listings-loader" style="display:none">
    <i class="fas fa-sync fa-spin" aria-hidden="true"></i>
</div>

How can I turn this off?

In a regular category view/page that uses the GD Archive Template page it does not do this. There is no div element with the geodir-ajax-listings-loader on those pages and the pagination loads the next page of listings by reloading the page. I assume the shortcode [gd_loop_paging] being used in the GD Archive Template is responsible for generating the pagination that functions in this way. How can I apply this same behavior to the shortcode I am using on the page I linked to above?

Is there some global setting or shortcode generator setting I am missing?

It’s a shame though, I kinda like the ajax loading but if it’s going to break the design in this way, I would rather just remove the ajax handling of these requests altogether than try to figure out how to get around the design issue as I figure the former would be easier than the latter.

If there are any template files or other files that require some editing in order to achieve this, please let me know which file(s) and what to edit.