# Cannot glue/stick two icons properly together

**URL:** <https://forum.adalo.com/t/cannot-glue-stick-two-icons-properly-together/36572>\
**Category:** Design\
**Created:** [February 22, 2023, 1:27pm UTC](https://forum.adalo.com/t/cannot-glue-stick-two-icons-properly-together/36572 "2023-02-22T13:27:50Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Toms](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/toms/32/27427_2.png) [@Toms](https://forum.adalo.com/u/Toms)\
**Post date:** [February 22, 2023, 1:27pm UTC](https://forum.adalo.com/t/cannot-glue-stick-two-icons-properly-together/36572/1 "2023-02-22T13:27:50Z")

</div>

I’ve just recreated this complete page, but I cannot get it working. It keeps messing up the layout.  
I want to alternate between a checked/unchecked checkbox.

I’ve sticked the icons nicely against each other, so that the one grabs the space of the other one.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/0/b/0b523d0bf04e6b87a91d585daaea30667683d4cb.png)

It keeps messing up the lay-out:  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/2/b/2b0cba0d1202ce2e2bdd6333489cc3320bd63616.png)

Any tips on how to stick two icons properly together? Thanks!

---

<div class="post-metadata">

**Author:** ![Lomtikirok](https://avatars.discourse-cdn.com/v4/letter/l/6a8cbe/32.png) [@Lomtikirok](https://forum.adalo.com/u/Lomtikirok)\
**Post date:** [February 22, 2023, 1:36pm UTC](https://forum.adalo.com/t/cannot-glue-stick-two-icons-properly-together/36572/2 "2023-02-22T13:36:50Z")

</div>

i dont no

---

<div class="post-metadata">

**Author:** ![Yongki](https://avatars.discourse-cdn.com/v4/letter/y/7c8e57/32.png) [@Yongki](https://forum.adalo.com/u/Yongki)\
**Post date:** [February 23, 2023, 2:08am UTC](https://forum.adalo.com/t/cannot-glue-stick-two-icons-properly-together/36572/3 "2023-02-23T02:08:19Z")

</div>

Hi @Toms ,

Avoid overlap of rectangle and icon.

The space occupied with icon that is not visible will be moved up.

---

<div class="post-metadata">

**Author:** ![Toms](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/toms/32/27427_2.png) [@Toms](https://forum.adalo.com/u/Toms)\
**Post date:** [February 23, 2023, 6:22am UTC](https://forum.adalo.com/t/cannot-glue-stick-two-icons-properly-together/36572/4 "2023-02-23T06:22:19Z")

</div>

Thanks for your help @Yongki, that did indeed the trick. Looks way nicer now.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/f/e/fe581f1140455148f996ca99f3ee2e18692a601a.png)

Good to know that those two components interfere with each other and I hope this post helps more people.