> For the complete documentation index, see [llms.txt](https://docs.trysavvy.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.trysavvy.com/how-tos/design-how-tos/how-to-get-rid-of-the-default-input-outline.md).

# How to get rid of the default input outline

{% embed url="<https://app.arcade.software/share/Tyf8cgDgXlLUf3s1XTjP>" %}

1. With the "**Designer**" card opened, select the input component you want to work on.
2. Click on "**+ Sub-Elements**" and select "**Input**" from the "Elements" options.
3. Click on "**+ Filter**" and select "**Focus**" from the "When" options.
4. Scroll right to the "**Custom**" tab, all the way to the end.
5. In the "**CSS Property**" input, type "**outline**".
6. And then in the "**Value**" input, type "**none**".
7. Finally, click "**Add**".

That's it, now any border style you give the input would not be overwritten by the default outline style.

### Related docs:

<table data-view="cards"><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table>