# Can't align icons in a row

**URL:** <https://forum.bubble.io/t/cant-align-icons-in-a-row/334338>\
**Category:** Responsiveness\
**Created:** [August 6, 2024, 2:54pm UTC](https://forum.bubble.io/t/cant-align-icons-in-a-row/334338 "2024-08-06T14:54:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![joefarrowsmith](https://avatars.discourse-cdn.com/v4/letter/j/8e8cbc/32.png) [@joefarrowsmith](https://forum.bubble.io/u/joefarrowsmith)\
**Post date:** [August 6, 2024, 2:54pm UTC](https://forum.bubble.io/t/cant-align-icons-in-a-row/334338/1 "2024-08-06T14:54:30Z")

</div>

I’ve got two icons that won’t align. Can anyone tell me what I’m doing wrong?

Here are the icons in design mode…

 ![Screenshot 2024-08-06 154806](https://us1.discourse-cdn.com/bubble/original/3X/0/6/06f8da79564f7f7353f76beb2f672d48d6f16b67.png)

If I look at the properties for the parent (the page) they’re like this…

![Screenshot 2024-08-06 155024](https://us1.discourse-cdn.com/bubble/original/3X/c/8/c8ddc3e863592fe4f9646380fed16f101db33fff.png)

But they display in Preview like this…ie with the icons too far to the right. The only way I can get it to align is to put a right margin of 30 on the Help icon which seems wrong.

![Screenshot 2024-08-06 155234](https://us1.discourse-cdn.com/bubble/original/3X/9/c/9c5cad0f01eaec89f5469c53d1b8a5969d9c4235.png)

Can anyone tell me what I’ve done wrong?  
Many thanks in advance.

---

<div class="post-metadata">

**Author:** ![sxtn.digital](https://avatars.discourse-cdn.com/v4/letter/s/b2d939/32.png) [@sxtn.digital](https://forum.bubble.io/u/sxtn.digital)\
**Post date:** [August 6, 2024, 3:26pm UTC](https://forum.bubble.io/t/cant-align-icons-in-a-row/334338/2 "2024-08-06T15:26:59Z")

</div>

We can have a quick huddle for some quick tips if you want, pm me if intrested

---

<div class="post-metadata">

**Author:** ![antolin.lacaton](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/antolin.lacaton/32/235779_2.png) [@antolin.lacaton](https://forum.bubble.io/u/antolin.lacaton)\
**Post date:** [August 6, 2024, 3:36pm UTC](https://forum.bubble.io/t/cant-align-icons-in-a-row/334338/3 "2024-08-06T15:36:49Z")

</div>

If I understand correctly, you want to align your icons with the groups above?

If so, and you’ve checked that everything’s normal, you can try making a group that includes both : the buttons above and the group containing the icons.

Then you can align them as you like!

---

<div class="post-metadata">

**Author:** ![joefarrowsmith](https://avatars.discourse-cdn.com/v4/letter/j/8e8cbc/32.png) [@joefarrowsmith](https://forum.bubble.io/u/joefarrowsmith)\
**Post date:** [August 6, 2024, 3:56pm UTC](https://forum.bubble.io/t/cant-align-icons-in-a-row/334338/4 "2024-08-06T15:56:09Z")

</div>

Thank you for this.

I tried it but no joy. However…I changed the Help icon from an Ionic Icon to a Material Icon (same icon, different libraries I guess) because the eMail icon was a Material Icon. All is good so I’m off to have beer!

---

<div class="post-metadata">

**Author:** ![joefarrowsmith](https://avatars.discourse-cdn.com/v4/letter/j/8e8cbc/32.png) [@joefarrowsmith](https://forum.bubble.io/u/joefarrowsmith)\
**Post date:** [August 6, 2024, 3:57pm UTC](https://forum.bubble.io/t/cant-align-icons-in-a-row/334338/5 "2024-08-06T15:57:52Z")

</div>

Many thanks for your kind offer.

I resoolved it by replacing one of the icons so they were both from the same library (ie both Material Icons rather than 1 x Material and the other Ionic Icon). All is well!

Thank you again

Ciao!