Two tables in the same page produces csv with trailing space and space at the end of each column

[pantonis]

I have a page that I have two tables. When I click export button

  <button type="button" class="btn btn-success export-button"                           
                                (click)="exporter.exportTable('csv', {fileName:'Statistics Accounts'})"
                                [busyText]="'Exporting'" [buttonBusy]="exporting">
                                <i class="fas fa-file-excel"></i>
                                Export
                            </button>

   <table mat-table [dataSource]="dataSource" #TableAccountSort="matSort" matSort
                                    matSortActive="AccountNumber" matSortDisableClear="true" matTableExporter
                                    #exporter="matTableExporter" (exportStarted)="exporting = true"
                                    (exportCompleted)="exporterValues.exportTable('csv', {fileName:'Accounts '})">

and the second table

 <table mat-table [dataSource]="dataSourceValues" #TableAccountValuesSort="matSort"
                                    matSort matSortActive="AccountNumber" matSortDisableClear="true" matTableExporter
                                    #exporterValues="matTableExporter" (exportCompleted)="exporting = false">

I get two files. When I open both files I can see that the second file has trailing spaces on all columns headers and trailing spaces and space at the end on all column values

Why is that happening