# Vertical alignment components

**URL:** https://community.thunkable.com/t/vertical-alignment-components/1636804
**Category:** Questions about Thunkable X
**Tags:** design, ux, ui
**Created:** [November 27, 2021, 6:01pm UTC](https://community.thunkable.com/t/vertical-alignment-components/1636804 "2021-11-27T18:01:01Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![alex\_ezacae](https://avatars.discourse-cdn.com/v4/letter/a/278dde/32.png) [@alex\_ezacae](https://community.thunkable.com/u/alex_ezacae)
#### Post date: [November 27, 2021, 6:01pm UTC](https://community.thunkable.com/t/vertical-alignment-components/1636804/1 "2021-11-27T18:01:01Z")

</div>

Hello all,

I am trying to get a label and a switch align but even with the same Y I have a big difference between them.  
I had an issue also with a webview and a button that were overlaping but I manage with a group and here it is not working even if I change my label in text … ☹  
any ideas ?  
Thanks

---

<div class="post-metadata">

### Author: ![good-starter432425](https://avatars.discourse-cdn.com/v4/letter/g/a8b319/32.png) [@good-starter432425](https://community.thunkable.com/u/good-starter432425)
#### Post date: [November 27, 2021, 6:54pm UTC](https://community.thunkable.com/t/vertical-alignment-components/1636804/2 "2021-11-27T18:54:48Z")

</div>

image please! i dont understand it.

---

<div class="post-metadata">

### Author: ![alex\_ezacae](https://avatars.discourse-cdn.com/v4/letter/a/278dde/32.png) [@alex\_ezacae](https://community.thunkable.com/u/alex_ezacae)
#### Post date: [November 27, 2021, 7:08pm UTC](https://community.thunkable.com/t/vertical-alignment-components/1636804/3 "2021-11-27T19:08:46Z")

</div>

![IMG_2012.PNG](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/8/f869dbbfc67c90ead65d95a0db630701d4589243.jpeg)

and the label “se souvenir de moi” and the switch are with the same Y position

the button “Je me connecte” is under all this ☹

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [November 27, 2021, 7:09pm UTC](https://community.thunkable.com/t/vertical-alignment-components/1636804/4 "2021-11-27T19:09:26Z")

</div>

Some components has a “frame” or “perimeter” around them and you need to compensate for that in the position to other components.

Unfortunately there is no clear guide and the only way is trial and error.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)
#### Post date: [February 25, 2022, 7:09pm UTC](https://community.thunkable.com/t/vertical-alignment-components/1636804/5 "2022-02-25T19:09:27Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
