[Bug]: [Textfield] [Quiet] Space between text and the icon is not the same as default Textfield

[l3vi-7]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

Textfield

Expected behavior

In quiet variant, the space between text and valid/invalid icon should be same as the default variant

Actual behavior

In quiet variant, there is not space between text and valid/invalid icon

Screenshots

No response

What browsers are you seeing the problem in?

Microsoft Edge

How can we reproduce this issue?

1. Go to https://studio.webcomponents.dev/edit/collection/fO75441E1Q5ZlI0e9pgq/EcE2Yrwz0MDIGkCzbyvl/src/index.ts?p=stories
2. Open Textfield story
3. Overfill the Textfield default variant and check the gap between the truncated text and the invalid/valid icon.
4. Do the same for Textfield quiet variant. You will need to add invalid and valid attributes to test this.

Sample code or abstract reproduction which illustrates the problem

No response

Severity

None

Logs taken while reproducing problem

No response

[najikahalsema]

I made an exact repro of the issue here: https://studio.webcomponents.dev/edit/collection/fO75441E1Q5ZlI0e9pgq/EcE2Yrwz0MDIGkCzbyvl/src/index.ts?branch=repro-git-issue-4874%40yOBt1947wIZCL9LXYVLsyGBLOok1&p=stories