diff --git a/lib/cli/src/generators/WEB-COMPONENTS/index.ts b/lib/cli/src/generators/WEB-COMPONENTS/index.ts
index ee8b69800f3f..1b620f0200c7 100755
--- a/lib/cli/src/generators/WEB-COMPONENTS/index.ts
+++ b/lib/cli/src/generators/WEB-COMPONENTS/index.ts
@@ -1,7 +1,9 @@
 import { baseGenerator, Generator } from '../baseGenerator';
 
 const generator: Generator = async (packageManager, npmOptions, options) => {
-  return baseGenerator(packageManager, npmOptions, options, 'web-components');
+  return baseGenerator(packageManager, npmOptions, options, 'web-components', {
+    extraPackages: ['lit-html'],
+  });
 };
 
 export default generator;