diff --git a/docs/en/UI/Angular/How-Replaceable-Components-Work-with-Extensions.md b/docs/en/UI/Angular/How-Replaceable-Components-Work-with-Extensions.md
index 84425667c7..d942975646 100644
--- a/docs/en/UI/Angular/How-Replaceable-Components-Work-with-Extensions.md
+++ b/docs/en/UI/Angular/How-Replaceable-Components-Work-with-Extensions.md
@@ -248,7 +248,7 @@ We have added the `abp-page-toolbar`, `abp-extensible-table`, and `abp-extensibl
 
 You should import the required modules for the `MyRolesComponent` to `MyRolesModule`. Open the `src/my-roles/my-roles.module.ts` file and replace the content with the following:
 
-```ts
+```js
 import { UiExtensionsModule } from '@abp/ng.theme.shared/extensions';
 import { NgModule } from '@angular/core';
 import { SharedModule } from '../shared/shared.module';
@@ -285,4 +285,4 @@ After the steps above, the `RolesComponent` has been successfully replaced with
 
 ![my-roles-component-with-extensions](./images/my-roles-component-with-extensions.jpg)
 
-![my-roles-component-form-extensions](./images/my-roles-component-form-extensions.jpg)
\ No newline at end of file
+![my-roles-component-form-extensions](./images/my-roles-component-form-extensions.jpg)