# Design change automatically

**URL:** <https://forum.adalo.com/t/design-change-automatically/7290>\
**Category:** Design\
**Created:** [December 23, 2020, 2:44pm UTC](https://forum.adalo.com/t/design-change-automatically/7290 "2020-12-23T14:44:00Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nico21](https://avatars.discourse-cdn.com/v4/letter/n/a3d4f5/32.png) [@Nico21](https://forum.adalo.com/u/Nico21)\
**Post date:** [December 23, 2020, 2:44pm UTC](https://forum.adalo.com/t/design-change-automatically/7290/1 "2020-12-23T14:44:00Z")

</div>

Hi,

I don’t undestand why the design of my tab bar change when I push on the button “Ajouter”. Normally, the only changement is the “1” who appear. I want that the design 2 stay always like that.

Thanks in advance

 ![Capture](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/5/556ea85062cad445229dd5e0a73fd0fb7543a315.png) ![Capture1](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/a/aec4b5cf268a97c5d0d803abf78c66cab81ebdf6.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:** [December 24, 2020, 8:21am UTC](https://forum.adalo.com/t/design-change-automatically/7290/2 "2020-12-24T08:21:42Z")

</div>

Hi @Nico21,

Adalo tries to adjust the elements on the screen automatically using dynamic layout (as there are many screens with different dimensions and sizes).  
So when a new element appears (in your case it is “1”), the screen layout is re-adjusted and you see the result like this.

In order to keep the layout, you could use transparent/white rectangles to create some of a “grid”: put the rectangle under “Ajouter” button and to the place where you expect to have quantity. See quick example below.

 ![aec4b5cf268a97c5d0d803abf78c66cab81ebdf6](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/3/3ec5c9c96d3ecf6c82feda2e0e8fc525bbd052c5.png)

Best regards, Victor.

---

<div class="post-metadata">

**Author:** ![Nico21](https://avatars.discourse-cdn.com/v4/letter/n/a3d4f5/32.png) [@Nico21](https://forum.adalo.com/u/Nico21)\
**Post date:** [January 5, 2021, 9:31am UTC](https://forum.adalo.com/t/design-change-automatically/7290/3 "2021-01-05T09:31:24Z")

</div>

Thank you very much @Victor
