I am building an android application using angular nativescript and i want my application to have a search bar with round corners. I wrote this code in my html:

```
<SearchBar class="search"></SearchBar>

```

And added to the css this:

```
.search{
    border-radius: 30;
}

```

But the search bar keeps its corners with no radius as seen in the picture. What should i do?

[![enter image description here](https://i.stack.imgur.com/yUuo8.png)](https://i.stack.imgur.com/yUuo8.png)