diff --git a/packages/ui-default/backendlib/builder.ts b/packages/ui-default/backendlib/builder.ts
index 82a782cf9..f3f61521d 100644
--- a/packages/ui-default/backendlib/builder.ts
+++ b/packages/ui-default/backendlib/builder.ts
@@ -85,6 +85,12 @@ const build = async (contents: string) => {
   return res;
 };
 
+const applyCss = (css: string) => `
+  const style = document.createElement('style');
+  style.textContent = ${JSON.stringify(css)};
+  document.head.appendChild(style);
+`;
+
 export async function buildUI() {
   const start = Date.now();
   let totalSize = 0;
@@ -111,8 +117,10 @@ export async function buildUI() {
   for (const m of lazyModules) {
     const name = basename(m).split('.')[0];
     const { outputFiles } = await build(`window.lazyModuleResolver['${name}'](require('${relative(tmp, m).replace(/\\/g, '\\\\')}'))`);
+    const css = outputFiles.filter((i) => i.path.endsWith('.css')).map((i) => i.text).join('\n');
     for (const file of outputFiles) {
-      addFile(basename(m).replace(/\.[tj]sx?$/, '.js'), file.text);
+      if (file.path.endsWith('.css')) continue;
+      addFile(basename(m).replace(/\.[tj]sx?$/, '.js'), (css ? applyCss(css) : '') + file.text);
     }
   }
   for (const lang in global.Hydro.locales) {
@@ -129,9 +137,7 @@ export async function buildUI() {
   const pages = entry.outputFiles.filter((i) => i.path.endsWith('.js')).map((i) => i.text);
   const css = entry.outputFiles.filter((i) => i.path.endsWith('.css')).map((i) => i.text);
   addFile('entry.js', `window._hydroLoad=()=>{
-    const style = document.createElement('style');
-    style.textContent = ${JSON.stringify(css.join('\n'))};
-    document.head.appendChild(style);
+    ${css.length ? applyCss(css.join('\n')) : ''}
     ${pages.join('\n')}
   };`);
   UiContextBase.constantVersion = hashes['entry.js'];