# Grape JS Builder Works well in Browser but Design broken in Email inbox

**URL:** <https://forum.mautic.org/t/grape-js-builder-works-well-in-browser-but-design-broken-in-email-inbox/23698>\
**Category:** Product Support\
**Created:** [April 8, 2022, 8:24pm UTC](https://forum.mautic.org/t/grape-js-builder-works-well-in-browser-but-design-broken-in-email-inbox/23698 "2022-04-08T20:24:44Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![mayanktiwaridotcom](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mayanktiwaridotcom/32/1501_2.png) [@mayanktiwaridotcom](https://forum.mautic.org/u/mayanktiwaridotcom)\
**Post date:** [April 8, 2022, 8:24pm UTC](https://forum.mautic.org/t/grape-js-builder-works-well-in-browser-but-design-broken-in-email-inbox/23698/1 "2022-04-08T20:24:44Z")

</div>

**Your software**  
My Mautic version is: 4.2.1  
My PHP version is: 7.4.15  
My Database type and version is: 8.0.23

**Your problem**  
My problem is:  
I am trying to create an email using Grape JS builder, I enabled it cleared cache and everything.  
Even created the Template as well, which looks good in the browser, and the builder but when i Send it as test email or actual email to my test contact whole design comes broken.

This is how it looks in the Browser Preview:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/e/ef44d6b997790750773564b08937e68a0a55b867.jpeg)

And here’s how it looks in the Email Inbox:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/7/78e48af315c1e17f4ffc4949650852c83596fceb.jpeg)

These errors are showing in the log: There are no Errors in Either browser console or server logs.

Steps I have tried to fix the problem:  
I tried clearing cache of server and browser.  
Tried removing background colors from the tables  
Deactivated and reactivated the plugin and cleared browser cache again.

I am not sure what to do and how to proceed in this case.
