javascript embedded form gives bogus close button

Site URL: https://www.wordsbyhermes.com/test

I want to pop a ConvertKit form on button click using javacript (i tried inserting the form as HTML and it wouldn't display anything inside a <p> tag). 

I tried the SpaceTutorials "button lightbox" set up and got the result at the URL above. 

The problem is that everything works right up until you want to close the form and return to the page. Basically, you're stuck once you click the button. I dunno, could be good to increase optin rate, but super shitty UX.

Can you tell me if i've done something to cause this? Or how i can fix it so that the 'x' button is clickable?

The code on the actual button looks like the below (Spacetutorials header and footer code are in place already.)

Thanks.
 

<div style="text-align:center; padding:0;">
<a href="#/" data-featherlight="#bio-john" class="sqs-block-button-element--medium sqs-block-button-element" style="background-color:#000; color:#fff; padding:20px 20px;">View John's Bio</a>
</div>

<div style="display:none;">
<div id="bio-john" style="text-align:center;">
<script async data-uid="8dd9c2100e" src="https://words-by-hermes.ck.page/8dd9c2100e/index.js"></script>
      
</div>
</div>

Hi. Do you still need help?

You can also use Lightbox Plugin, easy to customize.