# Android: Top bar misalignment **URL:** \ **Category:** Get Help\ **Created:** [March 11, 2023, 7:50am UTC](https://forum.adalo.com/t/android-top-bar-misalignment/37070 "2023-03-11T07:50:34Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![tinybigideas](https://avatars.discourse-cdn.com/v4/letter/t/48db29/32.png) [@tinybigideas](https://forum.adalo.com/u/tinybigideas)\ **Post date:** [March 11, 2023, 7:50am UTC](https://forum.adalo.com/t/android-top-bar-misalignment/37070/1 "2023-03-11T07:50:34Z")
Hey all, new here but I’ve been enjoying using Adalo to build out an app idea. Fantastic tool. The issue: When building the screen, and testing in preview, all looks good. ![Screenshot_20230311-074419](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/6/a/6a86dfb42b56b56358781c29f6bf9eee51bc8dc7.jpeg) However, the same screen in Android (pixel 4a): ![Screenshot_20230311-074540](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/0/a/0a3e529f7f9b791bed830240607a7d2688548297.png) The top bar looks to be off by a fair amount (and in turn misaligns the bottom bar). Could anyone help point me to a solution please? ---
**Author:** ![Ali-Bazzi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/ali-bazzi/32/40359_2.png) [@Ali-Bazzi](https://forum.adalo.com/u/Ali-Bazzi)\ **Post date:** [March 11, 2023, 8:10am UTC](https://forum.adalo.com/t/android-top-bar-misalignment/37070/2 "2023-03-11T08:10:28Z")
Hello, it’s always better to drag down a little it the top bar, because on Android it will be different. Also the same for the bottom bar. Thank you! ---
**Author:** ![tinybigideas](https://avatars.discourse-cdn.com/v4/letter/t/48db29/32.png) [@tinybigideas](https://forum.adalo.com/u/tinybigideas)\ **Post date:** [March 11, 2023, 8:50am UTC](https://forum.adalo.com/t/android-top-bar-misalignment/37070/3 "2023-03-11T08:50:37Z")
Giving this a shot. Thank you! Will mark as solution as soon as I’ve tested. Difficult as everything looks great in preview. This a common issue? ---
**Author:** ![Ali-Bazzi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/ali-bazzi/32/40359_2.png) [@Ali-Bazzi](https://forum.adalo.com/u/Ali-Bazzi)\ **Post date:** [March 11, 2023, 8:52am UTC](https://forum.adalo.com/t/android-top-bar-misalignment/37070/4 "2023-03-11T08:52:59Z")
Yes, no worries. It’s a normal thing, so usually we do as I’ve mentioned above in order to match the android’s design and layout. Thank you! ---
**Author:** ![tinybigideas](https://avatars.discourse-cdn.com/v4/letter/t/48db29/32.png) [@tinybigideas](https://forum.adalo.com/u/tinybigideas)\ **Post date:** [March 11, 2023, 9:53am UTC](https://forum.adalo.com/t/android-top-bar-misalignment/37070/5 "2023-03-11T09:53:59Z")
Got the top bar playing ball with a rectangle on top however, the tab bar at the bottom doesn’t seem to be as easy. Like like it needs a different trick there? ---
**Author:** ![Ali-Bazzi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/ali-bazzi/32/40359_2.png) [@Ali-Bazzi](https://forum.adalo.com/u/Ali-Bazzi)\ **Post date:** [March 11, 2023, 9:54am UTC](https://forum.adalo.com/t/android-top-bar-misalignment/37070/6 "2023-03-11T09:54:54Z")
Can you please share a picture about the bottom bar on android? Thank you! ---
**Author:** ![tinybigideas](https://avatars.discourse-cdn.com/v4/letter/t/48db29/32.png) [@tinybigideas](https://forum.adalo.com/u/tinybigideas)\ **Post date:** [March 11, 2023, 10:31am UTC](https://forum.adalo.com/t/android-top-bar-misalignment/37070/7 "2023-03-11T10:31:56Z")
There’s an image in the first post. See the large gap between the tabs and the black line? Tab bar is in a group positioned at the bottom which again looks correct in preview but not on Android ---
**Author:** ![Ali-Bazzi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/ali-bazzi/32/40359_2.png) [@Ali-Bazzi](https://forum.adalo.com/u/Ali-Bazzi)\ **Post date:** [March 12, 2023, 7:47am UTC](https://forum.adalo.com/t/android-top-bar-misalignment/37070/8 "2023-03-12T07:47:58Z")
Yes, usually it’s normal to have that gap in the bottom bar. You can minimize it by dragging down the bottom bar. Thank you! ---
**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:** [March 22, 2023, 7:48am UTC](https://forum.adalo.com/t/android-top-bar-misalignment/37070/9 "2023-03-22T07:48:36Z")
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.