diff --git a/packages/web-components/.storybook/main.js b/packages/web-components/.storybook/main.js
index ac7596b6728..70fd4b13d4c 100644
--- a/packages/web-components/.storybook/main.js
+++ b/packages/web-components/.storybook/main.js
@@ -86,6 +86,7 @@ module.exports = {
       ]
     );
     // Uses `@babel/plugin-proposal-decorators` configuration in our `.babelrc`
+    // @todo Wonder if this block interferes with decorators changes in Lit 3.x?
     config.module.rules = deepReplace(
       config.module.rules,
       (value, key, parent, parents) =>
@@ -153,7 +154,12 @@ module.exports = {
     if (babelLoaderRule) {
       config.module.rules.unshift({
         use: babelLoaderRule.use,
-        include: [path.dirname(require.resolve('lit'))],
+        include: [
+          path.dirname(require.resolve('lit')),
+          path.dirname(path.dirname(require.resolve('@lit/reactive-element'))),
+          path.dirname(require.resolve('lit-element')),
+          path.dirname(path.dirname(require.resolve('lit-html'))),
+        ],
       });
     }