Linear Progress is affected by text-align

[rickymohk]

Describe the bug
text-align causes LinearProgress to misbehave

To Reproduce
Steps to reproduce the behavior:

1. Place a <LinearProgress progress={1}> within a <div style="text-align: center;">
2. The filled portion of the progress bar shifted to the middle

Expected behavior
The progress bar fully filled from start to end

Screenshots

<div style="text-align: center;">
  <LinearProgress style="width:300px" progress={0.5} />
  <br>
  <LinearProgress style="width:300px" progress={1} />
</div>

Desktop (please complete the following information):

• OS: Windows 11
• Browser chrome
• Version 144.0.7559.110