diff --git a/client/homebrew/brewRenderer/brewRenderer.jsx b/client/homebrew/brewRenderer/brewRenderer.jsx
index a121db31a..f8a5fce0a 100644
--- a/client/homebrew/brewRenderer/brewRenderer.jsx
+++ b/client/homebrew/brewRenderer/brewRenderer.jsx
@@ -49,7 +49,7 @@ const BrewRenderer = createClass({
initialContent : `
${this.state.brew.style} ` }} />;
+ return
@layer styleTab {\n${this.state.brew.style}\n} ` }} />;
},
renderPages : function(){
diff --git a/scripts/buildHomebrew.js b/scripts/buildHomebrew.js
index ed9afb58b..45b12a627 100644
--- a/scripts/buildHomebrew.js
+++ b/scripts/buildHomebrew.js
@@ -20,7 +20,8 @@ const transforms = {
};
const build = async ({ bundle, render, ssr })=>{
- const css = await lessTransform.generate({ paths: './shared' });
+ let css = await lessTransform.generate({ paths: './shared' });
+ css = `@layer bundle {\n${css}\n}`;
await fs.outputFile('./build/homebrew/bundle.css', css);
await fs.outputFile('./build/homebrew/bundle.js', bundle);
await fs.outputFile('./build/homebrew/ssr.js', ssr);