diff --git a/packages/components/rollup.config.js b/packages/components/rollup.config.js
index 9e2d5c659ea..dfe2a1d7e16 100644
--- a/packages/components/rollup.config.js
+++ b/packages/components/rollup.config.js
@@ -1,6 +1,7 @@
 import babel from '@rollup/plugin-babel'
 import resolve from '@rollup/plugin-node-resolve'
 import json from '@rollup/plugin-json'
+import sass from 'rollup-plugin-sass';
 import { terser } from 'rollup-plugin-terser'
 import peerDepsExternal from 'rollup-plugin-peer-deps-external'
 import { name, version, description, author, license } from './package.json'
@@ -23,18 +24,19 @@ const createConfig = (component, module) => {
       peerDepsExternal(),
       resolve({ modulesOnly: true }),
       json(),
-      //terser({
-      //  output: {
-      //    preamble: `/**\n * ${name} | v${version}\n * ${description}\n * (c) ${new Date().getFullYear()} ${author}\n * @license ${license}\n */`
-      //  }
-      //})
+      sass(),
+      terser({
+        output: {
+          preamble: `/**\n * ${name} | v${version}\n * ${description}\n * (c) ${new Date().getFullYear()} ${author}\n * @license ${license}\n */`
+        }
+      })
     ]
   }
 }
 
 const config = []
 // When developing, you can use this to only rebuild the components you're working on
-let dev = true
+let dev = false
 let only = ['Workbench']
 for (let component of components) {
   if (!dev || only.indexOf(component) !== -1) config.push(createConfig(component, false))
diff --git a/packages/components/src/Workbench/style.scss b/packages/components/src/Workbench/style.scss
index 01f445d98e6..a551ddada24 100644
--- a/packages/components/src/Workbench/style.scss
+++ b/packages/components/src/Workbench/style.scss
@@ -1,4 +1,3 @@
-
 div.workbench.theme-wrapper {
   > div > header {
     a.navlink {