# Button moves after pressing

**URL:** <https://forum.adalo.com/t/button-moves-after-pressing/6254>\
**Category:** Design\
**Created:** [November 23, 2020, 1:58am UTC](https://forum.adalo.com/t/button-moves-after-pressing/6254 "2020-11-23T01:58:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rodeo](https://avatars.discourse-cdn.com/v4/letter/r/54ee81/32.png) [@Rodeo](https://forum.adalo.com/u/Rodeo)\
**Post date:** [November 23, 2020, 1:58am UTC](https://forum.adalo.com/t/button-moves-after-pressing/6254/1 "2020-11-23T01:58:19Z")

</div>

I have a subscribe feature on my app and I have white/blue subscribe/unsubscribe buttons in the same place so that when pressed it should look like the button simply changes color, but instead the button moves completely and I do not know why.

![33e4e0cc-4706-4871-b009-2e6fba61b96a](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/0/0a256f99850ee4c5c56e58b9a4ff305d01ede367.png) ![e9c1b1ee-1714-4c73-9dcf-feb01e71938c](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/7/79b4a58215a2abaac9e7cb4161855540557be19d.png)

---

<div class="post-metadata">

**Author:** ![Victor](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/victor/32/2054_2.png) [@Victor](https://forum.adalo.com/u/Victor)\
**Post date:** [November 23, 2020, 8:08am UTC](https://forum.adalo.com/t/button-moves-after-pressing/6254/2 "2020-11-23T08:08:02Z")

</div>

Hi @Rodeo,

Unfortunately, making buttons to stay at the same place requires some iterative fine-tuning…

You could try starting placing the buttons one right above the other, see the result and then adjust the location iteratively.

Another option is to put both buttons inside the rectangle. Don’t forget to adjust components order - move the rectangle below the buttons, otherwise they may not work. Here is the case when it worked for me:

![Screenshot 2020-11-23 at 11.06.01](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/8/8eb7953054ba82068ac322c9fe74accd9e329596.png)

You need to test several times, to achieve the desired result.

Best regards, Victor.

---

<div class="post-metadata">

**Author:** ![Rodeo](https://avatars.discourse-cdn.com/v4/letter/r/54ee81/32.png) [@Rodeo](https://forum.adalo.com/u/Rodeo)\
**Post date:** [November 23, 2020, 2:40pm UTC](https://forum.adalo.com/t/button-moves-after-pressing/6254/3 "2020-11-23T14:40:57Z")

</div>

Thank you! This fixed my issue and my button group looks very similar to what you posted.

---

<div class="post-metadata">

**Author:** ![Willie127](https://avatars.discourse-cdn.com/v4/letter/w/f0a364/32.png) [@Willie127](https://forum.adalo.com/u/Willie127)\
**Post date:** [September 28, 2021, 8:38am UTC](https://forum.adalo.com/t/button-moves-after-pressing/6254/4 "2021-09-28T08:38:46Z")

</div>

Thanks for sharing this info this is useful. Keep sharing this type of blog regularly[.](https://www.skylightpaycard.me/)