After Adding code block full website page is inset automatically.

After add a code block (HTML) the full website page is inset automatically, what should I do now?

These code I used:

<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="163230" data-language-code="en" data-search-page-url="https://semprose.lodgify.com/en/911756/allproperties" 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" data-new-tab="true">
  </div>
  <style type="text/css">
  html {
    --lodgify-ui-action-color: #c9c9c9;
    --lodgify-ui-action-darker-color: #c9c9c9;
    --lodgify-ui-action-lighter-color: #c9c9c9;
    --lodgify-ui-action-contrast-color: #000000;
  }
  </style>
  </div>

Hi. Can you share link to page where you added the code? We can check easier