Readonly TextField border dimension inconsitency

[mrgreywater]

The height of the border of a TextField seems to change visually by 2px depending on if the field is readonly or not. A readonly TextField appears smaller which looks weird in a Form. This can be seen in the Parity-Theme Live Demo. The style also doesn't match the GS Design, I think the GS Read Only state behaviour looks worse though. See https://design.gs.com/components/input

[mrgreywater]

Something like this would fix it

*[readonly]::part(input-field) {
    border: 1px dashed var(--lumo-contrast-30pct);
}

::part(input-field)::after {
    border: unset;
}