Styles Break When Using Custom Angular Library Component in AppModule

Hi everyone
I have created a new Angular Ionic project and integrated a custom component from an Angular library. When this component is added to the AppModule of the newly created blank app, the styles for the entire project break. However, when the same component is used within a feature module, such as HomePageModule , everything works as expected.

import { NgModule } from ‘@angular/core’;
import { BrowserModule } from ‘@angular/platform-browser’;
import { RouteReuseStrategy } from ‘@angular/router’;

import { IonicModule, IonicRouteStrategy } from ‘@ionic/angular’;

import { AppComponent } from ‘./app.component’;
import { AppRoutingModule } from ‘./app-routing.module’;
import { AxAQImageEditorComponent } from ‘@al-toaima-ahmed/image-editor-library’; // Using the library here will break the style for the wohle project

@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule,AxAQImageEditorComponent],
providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
bootstrap: [AppComponent],
})
export class AppModule {}

thank you in advance for your support