¿Por qué después de cerrar el cargador deja un color resaltado como se puede ver en la pantalla de abajo?

Cuando la página se inicializa, primero quería obtener el recuento total de ofertas y, mientras obtiene el recuento, debería mostrar el showLoader y debería dejar de cargar o activar closeLoader si obtiene el resultado getCount.

En este momento, como puede ver en la captura de pantalla después de que finaliza el cargador, hay un resaltado de color o un resaltado de error en la pestaña, no debería mostrarse después de que el cargador haya terminado de cargarse.

En este momento, primero tengo que hacer clic fuera de la pestaña antes de que desaparezca el resaltado de color.

ingrese la descripción de la imagen aquí

#código

 export class DealsTransactionComponent implements OnInit, OnChanges { @ViewChild(TableMultiSortComponent, { static: true }) tableMultiSortComponent: TableMultiSortComponent; transactionSubscripion: Subscription; tableOptions: any; @Input() transaction: any; @ViewChild('table') tableCompoonent: TableMultiSortComponent; constructor( ) {} ngOnInit(): void { this.showLoader('Loading list of deals'); } ngOnChanges(changes: SimpleChanges): void { this.subscription = this.dealTransactionService.dataSubject.subscribe((data: any) => { if(!data.actionName) { this.refreshDealDetailsPage(data); } }); } ngOnDestroy(): void { this.subscription?.unsubscribe(); } showLoader(dialogMsg : string) { LOADER_DIALOG_CONFIG.data = { text: dialogMsg }; this.dialog.open(LoaderDialogComponent, LOADER_DIALOG_CONFIG); } closeLoader() { this.dialog.closeAll(); } private getCount(item: any) { let status = item; return this.dealService.getCount( this.accountId, this.transaction.id, status ) } getAllDealsCount() { this.isInProgress = true; const observableResult = zip( this.getCount('ForApproval'), this.getCount('Draft') ); observableResult.subscribe((res: any[]) => { this.isInProgress = false; this.closeLoader(); this.forApprovalResponse = res[0]?.data; this.hasPendingAprroval = res[0].data > 0; const draftResponse = res[1]?.data; this.totalDeals = this.forApprovalResponse + draftResponse; if (this.forApprovalResponse && this.forApprovalResponse > 0) { this.tableOptions.columns .filter(column => column.actions) .flatMap(column => column.actions) .filter(action => action.name === 'For Approval') .forEach(action => (action.disabled = true)) } }); } }