Embedding a signup form not following layout

I have a next.js app. I followed insrtuctions to embed a simple form; I have nested the div and script inside a component in middle of page.

Problems: The form appears on the top right-hand side of the site and is not allowing me to select input.

Hard to make sense of this.

Hm, I am missing context a little bit.

The link you posted leads to a Ghost blog hosted on Ghost(Pro) – and the form there is correctly displayed in the center of the page?