diff --git a/docs/en/Themes/LeptonXLite/Angular.md b/docs/en/Themes/LeptonXLite/Angular.md
index 950cd20c8b..7ebb649aca 100644
--- a/docs/en/Themes/LeptonXLite/Angular.md
+++ b/docs/en/Themes/LeptonXLite/Angular.md
@@ -20,7 +20,9 @@ To add `LeptonX-lite` into your project,
 
 `yarn add bootstrap-icons`
 
-- Then, we need to edit the styles array in `angular.json` to replace the existing style with the new one.
+- Then, we need to edit the styles array in `angular.json` to replace the existing style with the new one in the following link : 
+
+* [Styles - Angular UI](../../UI/Angular/Theme-Configurations.md)
 
 Add the following style
 
diff --git a/docs/en/UI/Angular/Theme-Configurations.md b/docs/en/UI/Angular/Theme-Configurations.md
index 1ec4f56c5e..e663955667 100644
--- a/docs/en/UI/Angular/Theme-Configurations.md
+++ b/docs/en/UI/Angular/Theme-Configurations.md
@@ -43,6 +43,16 @@ Theme packages no longer import styles as CSS modules as of ABP version 6.0. The
     "inject": false,
     "bundleName": "abp-bundle.rtl"
 },
+{
+    "input":"node_modules/@volo/ngx-lepton-x.lite/assets/css/font-bundle.rtl.css",
+    "inject":false,
+    "bundleName":"font-bundle.rtl"
+}
+,{
+    "input":"node_modules/@volo/ngx-lepton-x.lite/assets/css/font-bundle.css",
+    "inject":false,
+    "bundleName":"font-bundle"
+},
 ```
 
 ## Theme Basic
@@ -150,7 +160,18 @@ Theme packages no longer import styles as CSS modules as of ABP version 6.0. The
     "input": "node_modules/@volosoft/abp.ng.theme.lepton-x/assets/css/abp-bundle.rtl.css",
     "inject": false,
     "bundleName": "abp-bundle.rtl"
-}
+},        
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/font-bundle.css",
+    "inject": false,
+    "bundleName": "font-bundle"
+},
+{
+    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/font-bundle.rtl.css",
+    "inject": false,
+    "bundleName": "font-bundle.rtl"
+},
+
 ```
 
 ## Theme Lepton