# Why is everything flat in the project, but in the preview everything is not

**URL:** <https://forum.adalo.com/t/why-is-everything-flat-in-the-project-but-in-the-preview-everything-is-not/24270>\
**Category:** Design\
**Created:** [March 7, 2022, 10:34am UTC](https://forum.adalo.com/t/why-is-everything-flat-in-the-project-but-in-the-preview-everything-is-not/24270 "2022-03-07T10:34:51Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![vadim1](https://avatars.discourse-cdn.com/v4/letter/v/f14d63/32.png) [@vadim1](https://forum.adalo.com/u/vadim1)\
**Post date:** [March 7, 2022, 10:34am UTC](https://forum.adalo.com/t/why-is-everything-flat-in-the-project-but-in-the-preview-everything-is-not/24270/1 "2022-03-07T10:34:51Z")

</div>

Good afternoon! I really hope for your help. I have this problem. There are icons on the screenshot, and underneath them there is text. Why in the project everything is even, but in the previews all past. Exactly when I open the preview, my text under the picture is not straight. How do I fix it?

I tried to group the text with the image, I tried to edit styles click Auto-width, I tried all sorts of alignment text in the image. I have a lot of these screens and now I have to align them all separately. The only thing that helped me before is in edit styles change the screen extension to 375\*859, but after a week I got it all wrong again and now everything is crooked in previews again and not corrected. I’m out of ideas.

Below is a screenshot of how it looks in the project and in the preview.

 ![1](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/9/7/978994a28dd1ea13aa0177415b40610b9b4a9778.png)  
 ![2](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/d/d/dda5a0788ae73c32bb803cbd0a8d5e2c45338e25.png)  
 ![3](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/4/8/48f5e443e31fe2a4f93038e7048ca6c387276f50.png)  
 ![4](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/1/1/1112d19256f729bad6a3ce7c66c6babfe5491343.png)

---

<div class="post-metadata">

**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 7, 2022, 10:42am UTC](https://forum.adalo.com/t/why-is-everything-flat-in-the-project-but-in-the-preview-everything-is-not/24270/2 "2022-03-07T10:42:55Z")

</div>

Hey there @Vadim,

Put an invisible rectangle behind the image and the text and group all 3 of them together.

 ![Screen Shot 2022-03-07 at 3.42.11 AM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/5/9/597880c1dd8ed134eb5b7bc805261e40bc6a24ce.png)

 ![Screen Shot 2022-03-07 at 3.42.22 AM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/c/0/c076b97df2b5342e2b57b1b50289ca26cbc25a9c.png)