diff --git a/docs/javascript/api.md b/docs/javascript/api.md
index 3b63a94..cd8c254 100644
--- a/docs/javascript/api.md
+++ b/docs/javascript/api.md
@@ -786,6 +786,7 @@ window.lumapps.customize(({ components }) => {
 
 This component allows to display a [micro app](https://docs.lumapps.com/docs/ls/content/3975133065180467/knowledge-l40063457350627685) on any of the Customizations API extension points. This can be done by using the micro app's id (which can be retrieved from the [Installed extensions](https://docs.lumapps.com/docs/ls/content/5508517796380672/admin-l9568619807585214extensions#installed-extensions) section by browsing the Settings of each extension) and using it.
 
+For example, the following snippet will display a MicroApp above the Org. chart on the User's Profile.
 ```js
 window.lumapps.customize(({ components, constants, render }) => {
     const { MicroApp, Card } = components;
@@ -795,7 +796,7 @@ window.lumapps.customize(({ components, constants, render }) => {
         target: targets.USER_PROFILE_ORG_CHART,
         toRenderWithContext: () => {
             return Card({
-                className: 'user-about-page__article',
+                className: 'user-about-page__micro-app',
                 children: [
                     MicroApp({
                         id: '<your micro app id>'