[TextField]: Text is overlapping icon if input field size is small

[ly-tempel-bitweb]

Problem

1. When the input field size is "small" and it has an icon, input text is overlapping the icon.
2. According to General Form Rules, font-size for "small" should be 16px, right now it's 14px (var(--body-small-regular-size)).

Solution

1. For "default" and "large" sizes there's a right-padding added to the input.
2. Change font-size to var(--body-regular-size).

Examples and information