# Embedding a signup form not following layout

**URL:** <https://forum.ghost.org/t/embedding-a-signup-form-not-following-layout/41929>\
**Category:** Developer help\
**Created:** [October 16, 2023, 12:25am UTC](https://forum.ghost.org/t/embedding-a-signup-form-not-following-layout/41929 "2023-10-16T00:25:47Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![silaspath](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/silaspath/32/28950_2.png) [@silaspath](https://forum.ghost.org/u/silaspath)\
**Post date:** [October 16, 2023, 12:25am UTC](https://forum.ghost.org/t/embedding-a-signup-form-not-following-layout/41929/1 "2023-10-16T00:25:47Z")

</div>

> **[Skill Speed](https://skill-speed.ghost.io)**
>
> Mastery at the speed of thought

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.

---

<div class="post-metadata">

**Author:** ![jannis](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/jannis/32/39718_2.png) [@jannis](https://forum.ghost.org/u/jannis)\
**Post date:** [October 16, 2023, 5:45am UTC](https://forum.ghost.org/t/embedding-a-signup-form-not-following-layout/41929/2 "2023-10-16T05:45:56Z")

</div>

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?

 ![CleanShot 2023-10-16 at 06.45.26@2x](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/f/b/fbe5efcbd936c42ac7cdea603144cea3fd7f3432.jpeg)