# Prismic Preview breaks if a section has height set in vh (eg. 100vh)

**URL:** <https://community.prismic.io/t/prismic-preview-breaks-if-a-section-has-height-set-in-vh-eg-100vh/16080>\
**Category:** Prismic for Content Creators\
**Tags:** nextjs, live-editing, slice-machine\
**Created:** [June 6, 2024, 1:43am UTC](https://community.prismic.io/t/prismic-preview-breaks-if-a-section-has-height-set-in-vh-eg-100vh/16080 "2024-06-06T01:43:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![deepakgangwar4265](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/deepakgangwar4265/32/7511_2.png) [@deepakgangwar4265](https://community.prismic.io/u/deepakgangwar4265)\
**Post date:** [June 6, 2024, 1:43am UTC](https://community.prismic.io/t/prismic-preview-breaks-if-a-section-has-height-set-in-vh-eg-100vh/16080/1 "2024-06-06T01:43:15Z")

</div>

I am building a project with Next.js and prismic slicemachine, using the starter template provided by prismic.

I have enabled prismic previews.

When I am in my prismic dashboard, the previews of sections that have heights set in vh (say 100vh) just keeps getting taller and taller and doesn't stop.

Is there a fix to this?

---

<div class="post-metadata">

**Author:** ![patrick8](https://avatars.discourse-cdn.com/v4/letter/p/58f4c7/32.png) [@patrick8](https://community.prismic.io/u/patrick8)\
**Post date:** [July 15, 2024, 9:54am UTC](https://community.prismic.io/t/prismic-preview-breaks-if-a-section-has-height-set-in-vh-eg-100vh/16080/5 "2024-07-15T09:54:27Z")

</div>

having exactly the same problem - looks like the live preview and / or slice simulator cannot handle slice dimensions in vh. any suggestions on how to resolve this issue?

---

<div class="post-metadata">

**Author:** ![Phil](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/phil/32/14_2.png) [@Phil](https://community.prismic.io/u/Phil)\
**Post date:** [July 15, 2024, 11:28am UTC](https://community.prismic.io/t/prismic-preview-breaks-if-a-section-has-height-set-in-vh-eg-100vh/16080/6 "2024-07-15T11:28:00Z")

</div>

Hi Team,

This has been discussed previously here:

> [@Slice simulator has 100vh in its wrapper div](https://community.prismic.io/t/slice-simulator-has-100vh-in-its-wrapper-div/15283/7):
>
> Hey @kris, the simulator and page builder should be smart enough to know the height of the slice, even when smaller than 100vh. Here is a screenshot of it working using the [Prismic multi-page starter](https://github.com/prismicio-community/nextjs-starter-prismic-multi-page): I believe height detection was added to the simulator within the last year. Could you ensure you are using the latest versions of the @slicemachine/\* packages? In case your project is using the deprecated @prismicio/slice-simulator-react package, check out this migration guide: [@prismi…](https://prismic.io/docs/prismicio-slice-simulator-react-deprecation-guide)