# Align the component

**URL:** <https://community.glideapps.com/t/align-the-component/28112>\
**Category:** Ask for Help\
**Created:** [June 18, 2021, 9:34am UTC](https://community.glideapps.com/t/align-the-component/28112 "2021-06-18T09:34:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![atek](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/atek/32/27649_2.png) [@atek](https://community.glideapps.com/u/atek)\
**Post date:** [June 18, 2021, 9:34am UTC](https://community.glideapps.com/t/align-the-component/28112/1 "2021-06-18T09:34:40Z")

</div>

I tried this code to make the component side by side

```
div[id\*='screenScrollView'] \> div \> :nth-child(7) { margin-left:50px; width:150px; } div[id\*='screenScrollView'] \> div \> :nth-child(8) { margin-top:-97px; margin-left:185px; width:150px; } div[id\*='screenScrollView'] After adding the code this was the result After adding visibility condition the alignment moves up and down [Images](https://imgur.com/a/8skKGhQ) How to fix it
```

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [June 18, 2021, 12:15pm UTC](https://community.glideapps.com/t/align-the-component/28112/2 "2021-06-18T12:15:41Z")

</div>

Hola @atek

Is this what you want?

> **[Copy of Staging · Glide.webm (video)](https://drive.google.com/file/d/1MhUU4vmsASh38ZIO_RDWHP_NBhKru9op/preview)**
>
> Google Drive file.

---

<div class="post-metadata">

**Author:** ![atek](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/atek/32/27649_2.png) [@atek](https://community.glideapps.com/u/atek)\
**Post date:** [June 18, 2021, 2:25pm UTC](https://community.glideapps.com/t/align-the-component/28112/3 "2021-06-18T14:25:53Z")

</div>

This what im facing problem [https://exclusive-rain-4172.glideapp.io/](https://exclusive-rain-4172.glideapp.io/)

---

<div class="post-metadata">

**Author:** ![atek](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/atek/32/27649_2.png) [@atek](https://community.glideapps.com/u/atek)\
**Post date:** [June 18, 2021, 6:14pm UTC](https://community.glideapps.com/t/align-the-component/28112/4 "2021-06-18T18:14:53Z")

</div>

Thanks that work for me. 👍

---

<div class="post-metadata">

**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\
**Post date:** [January 17, 2024, 4:51pm UTC](https://community.glideapps.com/t/align-the-component/28112/5 "2024-01-17T16:51:51Z")

</div>