Issue with PrimeNG 19 Integration and Styling in Angular 19 Project

[ji2026]

I am currently working on integrating PrimeNG 19 into my Angular 19 project. I followed the installation guide provided on the PrimeNG website (https://primeng.org/installation) and configured my app.config.ts
as follows:

import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
import { provideRouter } from '@angular/router';
import { provideAnimations } from "@angular/platform-browser/animations"

import { routes } from './app.routes';
import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
import { providePrimeNG } from 'primeng/config';
import material from '@primeng/themes/material';
import { provideHttpClient, withInterceptors } from '@angular/common/http';
import { authInterceptor } from './shared/services/auth-interceptor.service';

export const appConfig: ApplicationConfig = {
providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes),
provideAnimations(),
provideAnimationsAsync(),
provideHttpClient(withInterceptors([authInterceptor])),
providePrimeNG({
theme: {
preset: material
}
})
]

};

However, I am encountering an issue with the styling of PrimeNG components, specifically the DialogModule. When I insert the DialogModule into my project, the design does not appear as expected, unlike the demo on the PrimeNG website (https://primeng.org/dialog).

I would greatly appreciate any assistance or guidance you can provide to resolve this issue.

Thank you in advance for your support.

[Eptick]

Duplicate of #17760