diff --git a/docs/en/Themes/LeptonXLite/Angular.md b/docs/en/Themes/LeptonXLite/Angular.md
index 56b003e606..ca56239435 100644
--- a/docs/en/Themes/LeptonXLite/Angular.md
+++ b/docs/en/Themes/LeptonXLite/Angular.md
@@ -14,9 +14,7 @@ To add `LeptonX-lite` into your project,
 
 - Install `@abp/ng.theme.lepton-x`
 
-```bash
-yarn add @abp/ng.theme.lepton-x
-```
+`yarn add @abp/ng.theme.lepton-x`
 
 - Install `bootstrap-icons`
 
@@ -28,12 +26,8 @@ yarn add bootstrap-icons
 
 * [Styles - Angular UI](../../UI/Angular/Theme-Configurations.md)
 
-Add the following style
-
-```json
-"node_modules/bootstrap-icons/font/bootstrap-icons.css",
-```
-
+Note: You should remove the old theme styles from "angular.json" if you are switching from "ThemeBasic" or "Lepton."
+Look at the [Theme Configurations](../../UI/Angular/Theme-Configurations) list of styles. Depending on your theme, you can alter your styles in angular.json.
 - Finally, remove `ThemeBasicModule` from `app.module.ts`, and import the related modules in `app.module.ts`
 
 ```js
@@ -44,7 +38,7 @@ import { SideMenuLayoutModule } from "@abp/ng.theme.lepton-x/layouts";
   imports: [
     // ...
 
-    // do not forget to remove ThemeBasicModule
+    // do not forget to remove ThemeBasicModule or other old theme module
     //  ThemeBasicModule.forRoot(),
     ThemeLeptonXModule.forRoot(),
     SideMenuLayoutModule.forRoot(),