# Column alignment is swapped

**URL:** <https://community.thunkable.com/t/column-alignment-is-swapped/1165308>\
**Category:** Questions about Thunkable X\
**Created:** [March 13, 2021, 8:05pm UTC](https://community.thunkable.com/t/column-alignment-is-swapped/1165308 "2021-03-13T20:05:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [March 13, 2021, 8:05pm UTC](https://community.thunkable.com/t/column-alignment-is-swapped/1165308/1 "2021-03-13T20:05:16Z")

</div>

I’m trying to set the alignment for components inside of a column in the **legacy interface** and I noticed that the properties are swapped: the vertical setting affects the horizontal alignment while the horizontal setting affects the vertical alignment.

You can see the effect in this screenshot. The value “top” is forcing the two buttons to the left while the value “center” is centering them between the top and bottom of the column.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/6/b651742d98461cf1cfc5d8a519acec9e9f268349.jpeg)

---

<div class="post-metadata">

**Author:** ![roumak-coder](https://avatars.discourse-cdn.com/v4/letter/r/b38774/32.png) [@roumak-coder](https://community.thunkable.com/u/roumak-coder)\
**Post date:** [March 14, 2021, 1:56am UTC](https://community.thunkable.com/t/column-alignment-is-swapped/1165308/2 "2021-03-14T01:56:22Z")

</div>

That’s a bit confusing because first of all its not the case of mine -

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/0/205d87e243e7341cfa1e77b85332d65c5c185a8f.png)  
And secondly I think you’re using an row because the objects are aligned horizontally.  
That’s why I also tried with row and the result came even more weird. As in the screenshot attached you can see its working correctly. But as you can see in your screenshot `Vertical align` is written on top of `horizontal align`. But in my case its vice versa. ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/1/1197fecde78c11de4db490f4208084fd3e0b13fe.png)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [March 14, 2021, 3:09am UTC](https://community.thunkable.com/t/column-alignment-is-swapped/1165308/3 "2021-03-14T03:09:49Z")

</div>

@roumak-coder That’s what I thought too, which is why I double-checked and it’s indeed a column. I realize it doesn’t make sense that the buttons are next to each other horizontally but… they are.

Anyway, I figured out the right property settings. I just had to know that “top” is normally first in the “Vertical Alignment” property drop-down menu so I chose the first item in the “Horizontal Alignment” property instead.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:28pm UTC](https://community.thunkable.com/t/column-alignment-is-swapped/1165308/4 "2024-11-08T13:28:49Z")

</div>


