Text input border doesn't work properly

I added a text input and try to make the curve border. I choose 50 in radius and width 1. When I test on live test both on pc and mobile phone, the text input box show only half. But on the design screen it looks normal. Please help.

image

1 Like

The Text Input component has a styling by default. You need to remove the default setting first to see the effect of your changes.

Go to Advanced tab and select Styling and remove the defaults

Thank you so much for your help @muneer . I can solve it now.