Code block only appears on refresh

Site URL: https://www.starlighthideaway.com/book-your-stay

Having some trouble with a code block I've added to my page. If you go directly to the page using the site URL listed, you will see the block with "Arrival/Departure/Search" options. But if you are navigating the website and click any of the "Book Your Stay" buttons, it brings you to the same page (/book-your-stay) but the code block doesn't load. 

The code block will load if you hit refresh though. 

I'm by no means an expert but I just can't get my head around why this is happening.

Any advice?

EDIT: adding code here

<script type="text/javascript" class="" src="https://cdn.lodgify.com/portable-search-bar/1.39.1/renderPortableSearchBar.js"></script><div><div id="lodgify-search-bar" data-website-id="319949" data-language-code="en" data-checkout-page-url="https://checkout.lodgify.com/dan-gent/en/#/324172" data-dates-check-in-label="Arrival" data-dates-check-out-label="Departure" data-guests-counter-label="Guest" data-guests-input-singular-label="{{NumberOfGuests}} guest" data-guests-input-plural-label="{{NumberOfGuests}} guests" data-location-input-label="Location" data-search-button-label="Search">
  </div>
  <style type="text/css">
  html {
    --lodgify-ui-action-color: #d2bd9d;
    --lodgify-ui-action-darker-color: #a8977e;
    --lodgify-ui-action-lighter-color: #ede5d8;
    --lodgify-ui-action-contrast-color: #000000;
  }
  </style>
  </div>

Hi. Access Design > Styles > Ajax Loading > Disable

1 hour ago, tuanphan said:

Hi. Access Design > Styles > Ajax Loading > Disable

Thank you! Worked a treat.