Custom Code causing border on site

Site URL: http://www.overlandwa.com

I am adding custom code to my site to lead to an external booking site. Unfortunately when I added either the booking bar or the booking buttons it also added a border around my site. Any ideas how to fix this issue? Thanks in advance for your help! Here are the two codes I inserted:

<script type="text/javascript" class="" src="https://cdn.lodgify.com/portable-search-bar/1.60.6/renderPortableSearchBar.js"></script><div><div id="lodgify-search-bar" data-website-id="373893" data-language-code="en" data-checkout-page-url="https://checkout.lodgify.com/overlandwa/en/#/395597" 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: #fa8100;
    --lodgify-ui-action-darker-color: #c86700;
    --lodgify-ui-action-lighter-color: #fdcd99;
    --lodgify-ui-action-contrast-color: #000000;
  }
  </style>
  </div>

and: 

<script type="text/javascript" async="async" class="embed-ldgfy-script-loader embed-ldgfy-button-script-loader" src="//cdn.lodgify.com/themes/shared/v3/assets/3.3.4/embed-ldgfy-button.min.js" data-website-id="373893" data-website-slug="overlandwa" data-domain="lodgify.com" data-property-id="395597" data-culture="en" data-text="Book Now" data-target="_blank" data-bg-color="#fa8a00" data-text-color="#fff" data-class-name="" data-currency="USD"></script>

Add to Design > Custom CSS

main#page {
    padding: 0 !important;
}