# Design tools preview

**URL:** <https://community.hubspot.com/t/design-tools-preview/88778>\
**Category:** CMS Development\
**Created:** [September 1, 2023, 8:08am UTC](https://community.hubspot.com/t/design-tools-preview/88778 "2023-09-01T08:08:05Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mathiasnmic](https://avatars.discourse-cdn.com/v4/letter/m/97f17d/32.png) [@Mathiasnmic](https://community.hubspot.com/u/Mathiasnmic)\
**Post date:** [September 1, 2023, 8:08am UTC](https://community.hubspot.com/t/design-tools-preview/88778/1 "2023-09-01T08:08:05Z")

</div>

Why does the preview function in design tools when i develop need modules not render the correct css?

---

<div class="post-metadata">

**Author:** ![evaldas](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/evaldas/32/69160_2.png) [@evaldas](https://community.hubspot.com/u/evaldas)\
**Post date:** [September 1, 2023, 7:43pm UTC](https://community.hubspot.com/t/design-tools-preview/88778/2 "2023-09-01T19:43:12Z")

</div>

If there are some generic CSS classes (i.e. “container”) in the module’s HTML that are found in an external style sheet (not in the module’s CSS), the preview will not render it properly.

You can try one of these options (2 or 3 would work best):

1) attach the external CSS to the module to see if that shows up better in the preview mode

2) add the module to a template and preview the template

3) create a page, then add that module to the page