diff --git a/packages/lucide-angular/README.md b/packages/lucide-angular/README.md
index 4c3b21878..92bf6a75e 100644
--- a/packages/lucide-angular/README.md
+++ b/packages/lucide-angular/README.md
@@ -24,7 +24,7 @@ After install `lucide-angular` change content of file `app.component.html` and `
 
 ``` xml
 <!-- app.component.html -->
-<div id="ico"></div>
+<div id="lucide-icon"></div>
 ```
 
 ``` js
@@ -42,10 +42,12 @@ import { Activity } from 'lucide-angular/icons';
 export class AppComponent implements OnInit {
 
   ngOnInit(): void {
-    const div = document.getElementById('ico');
+    const div = document.getElementById('lucide-icon');
     const elm = createElement(Activity);
     elm.setAttribute('color', 'red'); // or set `width`, `height`, `fill`, `stroke-width`, ...
-    div.appendChild(elm);
+    if (div) {
+      div.appendChild(elm);
+    }
   }
 }
 ```
@@ -106,7 +108,7 @@ import { Component } from '@angular/core';
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
-  
+
 }
 ```
 
@@ -184,8 +186,8 @@ LucideAngularModule.pick(icons)
 ```
 ### Tags
 You can use the following tags instead of `lucide-icon`:
- * lucide-angular  
- * i-lucide  
- * span-lucide  
+ * lucide-angular
+ * i-lucide
+ * span-lucide
 
 All of the above are the same
diff --git a/packages/lucide-angular/ng-package.json b/packages/lucide-angular/ng-package.json
index 480691ec5..45a3b2714 100644
--- a/packages/lucide-angular/ng-package.json
+++ b/packages/lucide-angular/ng-package.json
@@ -1,7 +1,8 @@
 {
   "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "dist",
+  "dest": "dist/lucide-angular",
   "lib": {
-    "entryFile": "src/lucide.ts"
+    "flatModuleFile": "lucide-angular",
+    "entryFile": "src/index.ts"
   }
 }
diff --git a/packages/lucide-angular/src/index.ts b/packages/lucide-angular/src/index.ts
new file mode 100644
index 000000000..7b5d63334
--- /dev/null
+++ b/packages/lucide-angular/src/index.ts
@@ -0,0 +1,3 @@
+export * from './lib/lucide-angular.component';
+export * from './lib/lucide-angular.module';
+export * from './lucide';
diff --git a/packages/lucide-angular/src/lucide.ts b/packages/lucide-angular/src/lucide.ts
index 0be5fa4b4..225122bdc 100644
--- a/packages/lucide-angular/src/lucide.ts
+++ b/packages/lucide-angular/src/lucide.ts
@@ -1,5 +1,3 @@
-export * from './lib/lucide-angular.component';
-export * from './lib/lucide-angular.module';
 import * as icons from './icons';
 export * from './icons';
 export * from './helpers/create-element';
diff --git a/packages/lucide-angular/tsconfig.lib.json b/packages/lucide-angular/tsconfig.lib.json
index 3f7b1fe60..ddcac4220 100644
--- a/packages/lucide-angular/tsconfig.lib.json
+++ b/packages/lucide-angular/tsconfig.lib.json
@@ -17,7 +17,8 @@
   "angularCompilerOptions": {
     "skipTemplateCodegen": true,
     "strictMetadataEmit": true,
-    "enableResourceInlining": true
+    "enableResourceInlining": true,
+    "fullTemplateTypeCheck": true
   },
   "exclude": [
     "src/test.ts",