What is the expected and current behavior?
When rendering the Inkline input component for left-to-right locales there is a vertical divider between the typed text and the clearable icon. The divider is missing when the locale is set to a right-to-left language (eg Arabic (ar)).

Steps to reproduce

Please tell us about your environment:

• Version: >=3.2.2
• Browser: Microsoft Edge for Business Version 117.0.2045.31 (Official build) (64-bit), Google Chrome Version 116.0.5845.188 (Official Build) (64-bit)
• Language: TypeScript

Other information
Make sure the component rendered in the right-to-left direction is a mirror image of the component in the left-to-right direction.