# Modal page

**URL:** <https://forums.knack.com/t/modal-page/20088>\
**Category:** Ask Developers\
**Created:** [December 11, 2025, 11:21am UTC](https://forums.knack.com/t/modal-page/20088 "2025-12-11T11:21:30Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Steve19](https://avatars.discourse-cdn.com/v4/letter/s/e79b87/32.png) [@Steve19](https://forums.knack.com/u/Steve19)\
**Post date:** [December 11, 2025, 11:21am UTC](https://forums.knack.com/t/modal-page/20088/1 "2025-12-11T11:21:30Z")

</div>

Modal Page Width

Does anybody have CSS code of adjusting modal page width in next gen apps?

This works fine in classic but is not working in next gen.

Any ideas greatly appreciated.

.kn-modal {  
width: 90%;  
max-width: 1200px;  
}

---

<div class="post-metadata">

**Author:** ![StephenChapman](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/stephenchapman/32/1759_2.png) [@StephenChapman](https://forums.knack.com/u/StephenChapman)\
**Post date:** [December 11, 2025, 8:59pm UTC](https://forums.knack.com/t/modal-page/20088/2 "2025-12-11T20:59:44Z")

</div>

Hi @Steve19, try this:

```css
.kn-dialog-content {
  width: 90%;
  max-width: 1200px;
}

```

Note that Next-Gen and Classic have different structures of classes now, so a lot of your CSS/JS will not work. See [here](https://docs.knack.com/reference/using-css-with-next-gen-knack) for full documentation.