Label for mat-form-field is overlapping with mat-icon in mat-tab.

### Is this a regression?

- [X] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

14

### Description

Label is overlapping with icon.

- When using in 2nd Tab of Tabgroup, surrounded with a e.g. a div, p, ...
- and
- When using the the mat-form-field with appearance "outline" and an icon with matPrefix.

```

```

### Reproduction

Steps to reproduce:
1. add to app.module
import { MatInputModule } from '@angular/material/input';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatTabsModule } from '@angular/material/tabs';

2. add to app.component
```

#
```
3.
for the input field in 2nd tab : label is overlapping with mat-icon
4.
when inspecting the style, it seems the X transform is not correct


### Expected Behavior

Label should have correct margin

### Actual Behavior

Label is overlapping with mat-icon

### Environment

- Angular:15.0.0
- CDK/Material:15.1.0
- Browser(s):Chrome, Edge
- Operating System (e.g. Windows, macOS, Ubuntu):Windows 10

Bắt đầu bằng cách tái hiện ví dụ Angular Material được cung cấp với một outlined mat-form-field, biểu tượng matPrefix và mat-tab thứ hai, sau đó kiểm tra các style biến đổi của label được nêu trong báo cáo. Công việc được hoàn thành khi label có margin chính xác và không còn chồng lên mat-icon trong tab thứ hai, đồng thời vẫn giữ nguyên hành vi của tab thứ nhất.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.