Click on Material Sortable Header with Selenium - python-3.x

Question

I am trying to perform some automated tests using selenium on an Angular app. One test involves clicking a mat-sort-header. I have not been able to find a way to click the header using selenium.
The table will sort correctly when I click it, but I am unable to sort the table using Selenium.
<table mat-table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="Header">
<th mat-header-cell *matHeaderCellDef mat-sort-header="Header">Header</th>
<td mat-cell *matCellDef="let row">{{row.title}}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns"</tr>
</table>
My initial approach, which didn't work.
sort_header = driver.find_element_by_xpath("//th[contains(#aria-label, 'Change Sorting for Header')]")
sort_header.click()
My second approach, which also didn't work.
js = "document.querySelector('[aria-label="Change Sorting for Header"]').click();"
driver.execute_script(js)
The first approach gives a 'Message: element not interactable' error. I am able to console log the correct button in the second approach (which prints a button element to the console) by modifying the JS code. However, the element does not sort when the JavaScript is executed.