diff --git a/services/web/.gitignore b/services/web/.gitignore
index 718e6b6217..d36fdbc34b 100644
--- a/services/web/.gitignore
+++ b/services/web/.gitignore
@@ -58,6 +58,8 @@ Gemfile.lock
 docker-shared.yml
 
 config/*.coffee
+!config/settings.defaults.coffee
+!config/settings.webpack.coffee
 
 modules/**/Makefile
 
diff --git a/services/web/.storybook/main.js b/services/web/.storybook/main.js
index d406d3bfca..8b1994a907 100644
--- a/services/web/.storybook/main.js
+++ b/services/web/.storybook/main.js
@@ -1,7 +1,18 @@
+const path = require('path')
+
+// NOTE: must be set before webpack config is imported
+process.env.SHARELATEX_CONFIG = path.resolve(
+  __dirname,
+  '../config/settings.webpack.coffee'
+)
+
 const customConfig = require('../webpack.config.dev')
 
 module.exports = {
-  stories: ['../frontend/stories/**/*.stories.js'],
+  stories: [
+    '../frontend/stories/**/*.stories.js',
+    '../modules/**/stories/**/*.stories.js'
+  ],
   addons: ['@storybook/addon-essentials', '@storybook/addon-a11y'],
   webpackFinal: storybookConfig => {
     // Combine Storybook's webpack loaders with our webpack loaders
diff --git a/services/web/config/settings.defaults.coffee b/services/web/config/settings.defaults.coffee
index b5767b462b..e56cecaaec 100644
--- a/services/web/config/settings.defaults.coffee
+++ b/services/web/config/settings.defaults.coffee
@@ -680,3 +680,8 @@ module.exports = settings =
 					'th': [ 'abbr', 'headers', 'colspan', 'rowspan', 'scope', 'sorted', 'style' ]
 					'tr': [ 'class' ]
 					'video': [ 'alt', 'class', 'controls', 'height', 'width' ]
+
+	overleafModuleImports: {
+		# modules to import (an empty array for each set of modules)
+	}
+