Question: Search field is working perfectly on all browser's except safari, Safari is not picking the padding + height of search field which is causing the issue.

Please have a view to link:

```
techzeast.com/projects/html-current

```

Thanks indeed for your help.

Answer: 
Just add `-webkit-appearance: none` to `.search {}`

For overriding issues use `input[type="search"].search {}`
and also override `box-sizing: border-box; to box-sizing: padding-box;`

— Default User Agent Stylesheet for iOS

```
input[type="search"] {
    -webkit-appearance: searchfield; /* need to be changed */
    box-sizing: border-box;
}

```
I'm not on a Mac right now but I think it's because of the rendering of "search" input type you set.

Try to change the type of your input to "text" instead of search.