# Add dynamic.css to module folder structure

**URL:** <https://community.hubspot.com/t/add-dynamic-css-to-module-folder-structure/92398>\
**Category:** HubSpot Ideas\
**Tags:** design-manager\
**Created:** [October 23, 2023, 3:33pm UTC](https://community.hubspot.com/t/add-dynamic-css-to-module-folder-structure/92398 "2023-10-23T15:33:50Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![John](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/john/32/43512_2.png) [@John](https://community.hubspot.com/u/John)\
**Post date:** [October 23, 2023, 3:33pm UTC](https://community.hubspot.com/t/add-dynamic-css-to-module-folder-structure/92398/1 "2023-10-23T15:33:50Z")

</div>

Developers get a large headache maintaining modules with styles tabs.  
Module.html files can get large fast with dynamic (user-input) styles from the styles tab (I commonly see 200+ lines of code just for dynamic styles).  
Currently the module file structure is:

- Meta.json
- Fields.json
- Module.html
- Module.css \<optional\>
- Module.js \<optional\>

**What if we could add an optional `dynamic.css` to the folder structure?** where everything in it would be:

- automatically scoped to a module instance
- able to use hubl
- Rendered, minified, and injected on the page

That could eliminate file complexity for large/complex modules.