# Iframe embed page with top navigation has 2 scrollbars

**URL:** <https://community.noloco.io/t/iframe-embed-page-with-top-navigation-has-2-scrollbars/1611>\
**Category:** Bugs\
**Created:** [January 15, 2025, 4:58pm UTC](https://community.noloco.io/t/iframe-embed-page-with-top-navigation-has-2-scrollbars/1611 "2025-01-15T16:58:53Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![EthosLuke](https://avatars.discourse-cdn.com/v4/letter/e/46a35a/32.png) [@EthosLuke](https://community.noloco.io/u/EthosLuke)\
**Post date:** [January 15, 2025, 4:58pm UTC](https://community.noloco.io/t/iframe-embed-page-with-top-navigation-has-2-scrollbars/1611/1 "2025-01-15T16:58:53Z")

</div>

If you have top navigation enabled instead of sidebar then the iframe on the iframe embed page overflows the page resulting in a scrollbar, and if the iframe itself has it’s own scrollbar then this results in 2 scrollbars.

This appears to be due to the use of h-screen instead of h-full and the relative class being applied to some containers unnecessarily.

I can’t remember what I changed specifically when playing around in the dev console but the below setup fixes the issue:

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/2X/e/e54a092c5de6fe54bfb75bafc38d599c01da3bfd.png)

EDIT:

Removing the relative class and changing h-screen to h-full on the section-iframe div + removing relative from the div underneath

 fixes the issue - if you guys could update on your end that would be great 🙂