diff --git a/.storybook/main.js b/.storybook/main.js
index cbdd05660..5c21fbd88 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -1,3 +1,11 @@
+const postCSS = require('rollup-plugin-postcss');
+
 module.exports = {
   stories: ['../dist/stories/**/*.stories.{js,md,mdx}'],
+
+  rollupConfig(config) {
+    config.plugins.push(postCSS({ include: ['**/*.scss'], inject: false }));
+
+    return config;
+  }
 };
diff --git a/.storybook/preview.js b/.storybook/preview.js
index c312f977c..32b83867c 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -36,7 +36,9 @@ const getTheme = (themeName) => {
 
 const themeProvider = (Story, context) => {
   const theme = getTheme(context.globals.theme);
-  return html`
+  const htmlNoMin = html;
+
+  return htmlNoMin`
     <style>
       ${theme.default}
     </style>