# Position: static

**URL:** <https://forum.codewithmosh.com/t/position-static/28453>\
**Category:** React\
**Created:** [August 30, 2024, 11:39pm UTC](https://forum.codewithmosh.com/t/position-static/28453 "2024-08-30T23:39:30Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![amintriton](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/amintriton/32/14282_2.png) [@amintriton](https://forum.codewithmosh.com/u/amintriton)\
**Post date:** [August 30, 2024, 11:39pm UTC](https://forum.codewithmosh.com/t/position-static/28453/1 "2024-08-30T23:39:30Z")

</div>

Does anyone know an easy solution to have a component scrolling with the page (static) but without affecting the layout? I use Chakra UI and I have a two-column gird and I want the left component to scroll with the page, but when I change the position attribute to “position: static” for the left component, it fills the whole page width as if there are no other components in the grid.