# \[Solved\] Spacing is different in Preview and Phone
**URL:** https://community.thunkable.com/t/solved-spacing-is-different-in-preview-and-phone/936217
**Category:** Questions about Thunkable X
**Tags:** solved, layouts
**Created:** [October 28, 2020, 1:50pm UTC](https://community.thunkable.com/t/solved-spacing-is-different-in-preview-and-phone/936217 "2020-10-28T13:50:57Z")
**Posts on this page:** 8
**Page:** 1
### Author:  [@MsRog](https://community.thunkable.com/u/MsRog)
#### Post date: [October 28, 2020, 1:50pm UTC](https://community.thunkable.com/t/solved-spacing-is-different-in-preview-and-phone/936217/1 "2020-10-28T13:50:57Z")
I have an app with text in the middle and a spacer on top and on bottom. There are two buttons below the spacer on the very bottom. When I view the app on Preview, it looks fine, but when I Live Test on my phone, the two buttons on the bottom do not show up.
[https://x.thunkable.com/copy/bc4bf6c18195811d8143eba72b63c42a](https://meet.google.com/linkredirect?authuser=0&dest=https%3A%2F%2Fx.thunkable.com%2Fcopy%2Fbc4bf6c18195811d8143eba72b63c42a)
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [October 28, 2020, 2:20pm UTC](https://community.thunkable.com/t/solved-spacing-is-different-in-preview-and-phone/936217/2 "2020-10-28T14:20:07Z")
Insert an empty [Row] or [Column] component just below the 2 buttons so they come up a bit and you will be able to view them on your phone.
---
### Author:  [@drted](https://community.thunkable.com/u/drted)
#### Post date: [October 28, 2020, 3:06pm UTC](https://community.thunkable.com/t/solved-spacing-is-different-in-preview-and-phone/936217/3 "2020-10-28T15:06:46Z")
You might also look at using the Margin (outside a component) and padding (inside a component). I now almost always set the screen margin and padding to 5pts on all 4 sides. It helps a lot.
Additionally, as a general rule the layout behaviors between the web app and the iOS/Android apps are VERY different. Depending on the component, you will sometimes need to use the device block to set the properties differently depending on the device. ☹
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [October 28, 2020, 3:54pm UTC](https://community.thunkable.com/t/solved-spacing-is-different-in-preview-and-phone/936217/4 "2020-10-28T15:54:14Z")
@drted
I thought of the Margin property but if he is not seeing the whole button then he would need much more than 5 points to have them visible.
Thank you for pointing it out.
---
### Author:  [@drted](https://community.thunkable.com/u/drted)
#### Post date: [October 28, 2020, 5:54pm UTC](https://community.thunkable.com/t/solved-spacing-is-different-in-preview-and-phone/936217/5 "2020-10-28T17:54:23Z")
I’m guessing you are right, there is some other issue with the whole button missing
---
### Author:  [@MsRog](https://community.thunkable.com/u/MsRog)
#### Post date: [October 28, 2020, 6:15pm UTC](https://community.thunkable.com/t/solved-spacing-is-different-in-preview-and-phone/936217/6 "2020-10-28T18:15:24Z")
Thanks for all the suggestions! You gave me stuff to work with, and I think I figured it out. I simply deleted the “space” and changed the border and padding on other components, and I can get it to look good now.
I normally work in MIT App Inventor, and Thunkable is new for me. This was a student’s app, and I assumed the “space” was a component, but now I realize it was a “list viewer” component. I believe that was what was throwing everything off.
---
### Author:  [@drted](https://community.thunkable.com/u/drted)
#### Post date: [October 28, 2020, 6:30pm UTC](https://community.thunkable.com/t/solved-spacing-is-different-in-preview-and-phone/936217/7 "2020-10-28T18:30:07Z")
glad to hear you figured it out
---
### Author:  [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 12:21pm UTC](https://community.thunkable.com/t/solved-spacing-is-different-in-preview-and-phone/936217/8 "2024-11-08T12:21:52Z")