Angular – Ngx-org-chart style not working – Artificial Intelligence

I’m using the ngx-org-chart in my proyect with Angular. The problem is that styles aren’t working.

My steps were the following:

1. I have installed the package:

yarn add ngx-org-chart

2. Then, I added the ngx-org-chart imports to angular.json styles block

   "styles": [ 
             "node_modules/ngx-org-chart/_theming.scss",
             "src/styles.scss"
   ],
   

With only this, it doesn’t working. Then, I also tried the below:

1. I have imported the styles in styles.scss with the below:

import '~ngx-org-chart/_theming.scss'

But the styles aren’t working. Can anyone help me?. Thank you

Edit

In my component, I have the next code line to use the library:

<ngx-org-chart [nodes]="nodes" direction="vertical"></ngx-org-chart>

And nodes is:

nodes: any = [
    {
      name: 'Sundar Pichai',
      cssClass: 'ngx-org-ceo',
      image: '',
      title: 'Chief Executive Officer',
      childs: [
        {
          name: 'Thomas Kurian',
          cssClass: 'ngx-org-ceo',
          image: 'assets/node.svg',
          title: 'CEO, Google Cloud',
        },
        {
          name: 'Susan Wojcicki',
          cssClass: 'ngx-org-ceo',
          image: 'assets/node.svg',
          title: 'CEO, YouTube',
          childs: []
        },
        {
          name: 'Jeff Dean',
          cssClass: 'ngx-org-head',
          image: 'assets/node.svg',
          title: 'Head of Artificial Intelligence',
          childs: [
            {
              name: 'David Feinberg',
              cssClass: 'ngx-org-ceo',
              image: 'assets/node.svg',
              title: 'CEO, Google Health',
              childs: []
            }
          ]
        }
      ]
    },       
];

And, in app.module.ts, I have:

@NgModule({
  declarations: [
    AppComponent,
    EmptyRouteComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    CommonModule,
    ThemeModule,
    I18NextModule.forRoot(),
    NgxOrgChartModule
  ],
  providers: [
    ...
  ],
  bootstrap: [AppComponent]
})

Edit 2

When styles don’t work, the chart sees so:

But it should see something like this:

Versions:

• ngx-org-chart: 1.1.1
• Angular: 11.0.5