# Preview in Tablet mode uses spacing from Desktop mode

**URL:** <https://community.evolveauthoring.com/t/preview-in-tablet-mode-uses-spacing-from-desktop-mode/4166>\
**Category:** All-New Evolve - Feedback\
**Tags:** theming\
**Created:** [April 29, 2026, 3:01pm UTC](https://community.evolveauthoring.com/t/preview-in-tablet-mode-uses-spacing-from-desktop-mode/4166 "2026-04-29T15:01:26Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Anders](https://avatars.discourse-cdn.com/v4/letter/a/59ef9b/32.png) [@Anders](https://community.evolveauthoring.com/u/Anders)\
**Post date:** [April 29, 2026, 3:01pm UTC](https://community.evolveauthoring.com/t/preview-in-tablet-mode-uses-spacing-from-desktop-mode/4166/1 "2026-04-29T15:01:26Z")

</div>

I have a section in which I’ve set “Design - Card - Solid”. In the Theme setting I’ve set Card to have 200px left and right horizontal Gap, but only for Desktop mode. For Tablet I’ve set this to 12px left and right. Now, in preview mode (on a PC) lookin in Tablet mode, it uses the 200 px Horizontal Gap!

I’ve even tested it using a second browser tab in preview mode while changing the Horizontal Gap setting in the main browser tab in Theme editor for Desktop mode, and, yes, the gap for Desktop mode IS USED in Tablet mode on the second screen.

(I haven’t got a real Tablet in the office, so I do not know if this behaviour is only in preview or also on the real device.)

---

<div class="post-metadata">

**Author:** ![Matt\_Leathes](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/matt_leathes/32/586_2.png) [@Matt\_Leathes](https://community.evolveauthoring.com/u/Matt_Leathes)\
**Post date:** [April 30, 2026, 3:20pm UTC](https://community.evolveauthoring.com/t/preview-in-tablet-mode-uses-spacing-from-desktop-mode/4166/2 "2026-04-30T15:20:32Z")

</div>

Hi @Anders I’ve just tried setting this up as per your description and it seems fine to me? Here’s a screenshot of tablet preview:

 ![card solid gap horizontal tablet](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/2/287d1b0cbf483709eef2e7be1d32bbdbe5a4aae8.png)

And this is desktop:

 ![card solid gap horizontal desktop](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/a/a42efabcd23459724fdf1d655008247aef05fd6e.jpeg)

If you’re still having issues, please get in touch with Evolve Support so that they can check the issue in your course.

---

<div class="post-metadata">

**Author:** ![Matt\_Leathes](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/matt_leathes/32/586_2.png) [@Matt\_Leathes](https://community.evolveauthoring.com/u/Matt_Leathes)\
**Post date:** [April 30, 2026, 4:58pm UTC](https://community.evolveauthoring.com/t/preview-in-tablet-mode-uses-spacing-from-desktop-mode/4166/3 "2026-04-30T16:58:38Z")

</div>

@Anders - apologies - I missed that you’d set Card Solid on ‘section’… I have checked it there too and it still seems to be working fine…

Desktop:

 ![section card solid gap desktop](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/4/40d3933ddddb41118f5fbea147dd2a76224af1c3.png)

Tablet:

 ![section card solid gap tablet](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/2/2b91e2612a569f45edc8a9fcc03d0a5f4fe7ef57.png)