diff --git a/webapp/storybook/webpack.config.js b/webapp/storybook/webpack.config.js
index 95c4c75a6..c0b782fe9 100644
--- a/webapp/storybook/webpack.config.js
+++ b/webapp/storybook/webpack.config.js
@@ -23,6 +23,10 @@ module.exports = async ({ config, mode }) => {
               __dirname,
               '../node_modules/@human-connection/styleguide/dist/shared.scss',
             ),
+            path.resolve(
+              __dirname,
+              '../view/styles/tokens.scss',
+            ),
           ],
           injector: 'prepend',
         },