# View Component forces "position: absolute"

**URL:** <https://community.appfarm.io/t/view-component-forces-position-absolute/425>\
**Category:** Ask the community\
**Created:** [April 20, 2023, 10:46am UTC](https://community.appfarm.io/t/view-component-forces-position-absolute/425 "2023-04-20T10:46:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![kgreodor](https://avatars.discourse-cdn.com/v4/letter/k/5e9695/32.png) [@kgreodor](https://community.appfarm.io/u/kgreodor)\
**Post date:** [April 20, 2023, 10:46am UTC](https://community.appfarm.io/t/view-component-forces-position-absolute/425/1 "2023-04-20T10:46:15Z")

</div>

Hi,

I’m trying to test out reusability of views using the “View Component”. But when I try to use it everything just floats on top of each other when combining elements from the base view.

Can someone point me in a direction how to get this to work?

-K

---

<div class="post-metadata">

**Author:** ![HJT](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/hjt/32/64_2.png) [@HJT](https://community.appfarm.io/u/HJT)\
**Post date:** [April 21, 2023, 8:49am UTC](https://community.appfarm.io/t/view-component-forces-position-absolute/425/2 "2023-04-21T08:49:47Z")

</div>

Hi,

Can you provide me with some more details of your setup?  
Maybe take some screenshots and give us some more details regarding the properties on the components?

---

<div class="post-metadata">

**Author:** ![kgreodor](https://avatars.discourse-cdn.com/v4/letter/k/5e9695/32.png) [@kgreodor](https://community.appfarm.io/u/kgreodor)\
**Post date:** [August 10, 2023, 5:50am UTC](https://community.appfarm.io/t/view-component-forces-position-absolute/425/3 "2023-08-10T05:50:01Z")

</div>

Very late reply but I used the component a bit wrongly. We figured it out 🙂