# Adalo rectangle position in custom app bar **URL:** \ **Category:** Get Help\ **Created:** [March 31, 2022, 10:05pm UTC](https://forum.adalo.com/t/adalo-rectangle-position-in-custom-app-bar/25338 "2022-03-31T22:05:05Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![roope257](https://avatars.discourse-cdn.com/v4/letter/r/90ced4/32.png) [@roope257](https://forum.adalo.com/u/roope257)\ **Post date:** [March 31, 2022, 10:05pm UTC](https://forum.adalo.com/t/adalo-rectangle-position-in-custom-app-bar/25338/1 "2022-03-31T22:05:05Z")
Hello! I created custom app bar and everything is working OK expect when I review the app on my iPhone with PWA application. On my computer everything is correctly placed but when I preview on phone the rectangles are messed up. How to fix? Here is on my computer view and then after them my iPhone view. ![ss1](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/e/7/e78ef7d426864b7d738f83e38eb5da567b66ecec.png) ![ss2](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/d/3/d341414d0f32a5e61c43a9017df315bba500b56d.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/c/3/c3cdb2682dedea8c227e04893fc5fb30297c63de.jpeg) ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/d/9/d9dbf5ddfb7757f4f6e42781a2406af9bb43917a.jpeg) ---
**Author:** ![Flawless](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/flawless/32/20131_2.png) [@Flawless](https://forum.adalo.com/u/Flawless)\ **Post date:** [March 31, 2022, 11:41pm UTC](https://forum.adalo.com/t/adalo-rectangle-position-in-custom-app-bar/25338/2 "2022-03-31T23:41:07Z")
Hey there @roope257 This is similar to the answer I provided in this thread: [Visibility rules - Can't get icons to align - #2 by Flawless](https://forum.adalo.com/t/visibility-rules-cant-get-icons-to-align/23097/2) Basically, all you have to do is place a rectangle behind the icon and text and group all 3 together. Ensure that the icon is center-aligned with the rectangle. Do this for both sets of icons. (all 4 sets as it looks like you have an “active” set and “inactive” set for each icon). ---
**Author:** ![roope257](https://avatars.discourse-cdn.com/v4/letter/r/90ced4/32.png) [@roope257](https://forum.adalo.com/u/roope257)\ **Post date:** [March 31, 2022, 11:51pm UTC](https://forum.adalo.com/t/adalo-rectangle-position-in-custom-app-bar/25338/3 "2022-03-31T23:51:03Z")
Thanks for fast reply. I will try that. 🙂 ---
**Author:** ![roope257](https://avatars.discourse-cdn.com/v4/letter/r/90ced4/32.png) [@roope257](https://forum.adalo.com/u/roope257)\ **Post date:** [April 1, 2022, 12:21am UTC](https://forum.adalo.com/t/adalo-rectangle-position-in-custom-app-bar/25338/4 "2022-04-01T00:21:43Z")
Okay, It still doesn’t work. Did I do everything correctly? Here is images: First image shows the group of rectangle, icon and text. I made the rectangle transparent. Then the rectangle 33 is the grey one behind and rectangle 32 is white on behind them. ![ss3](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/0/1/01c52d24ad4e763aee0eaf496fe59d41678b2b60.png) ![ss4](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/4/3/433b5ceab0195b5d629a66e394861d8a767d5bdf.png) ---
**Author:** ![Flawless](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/flawless/32/20131_2.png) [@Flawless](https://forum.adalo.com/u/Flawless)\ **Post date:** [April 1, 2022, 9:07am UTC](https://forum.adalo.com/t/adalo-rectangle-position-in-custom-app-bar/25338/5 "2022-04-01T09:07:10Z")
You don’t need the invisible rectangle if you have the grey one in the group instead. Delete the invisible rectangle and group the grey one with the icon+text. Think about it in layers. ![Screen Shot 2022-04-01 at 3.06.31 AM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/c/8/c8fa5bfaef69134c54f03e288bd7db623a17720c.png) ![Screen Shot 2022-04-01 at 3.06.45 AM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/c/e/ce7633b870f1a4d60779ab877f0675e5c5173526.png) ---
**Author:** ![system](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/system/32/40401_2.png) [@system](https://forum.adalo.com/u/system)\ **Post date:** [April 11, 2022, 9:07am UTC](https://forum.adalo.com/t/adalo-rectangle-position-in-custom-app-bar/25338/6 "2022-04-11T09:07:53Z")
Closed on April 11, 2022, 9:07am UTC This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.