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;
}

```
Please try to add line-height : 

```
.search {
        width: 94%;
        float: left;
        border-top-left-radius: 5px;
        padding: 10px 10px;
        height: 54px;
        margin-top: 33px;
        font-size: 18px;
        border-bottom-left-radius: 5px;
        line-height: 30px; // need to add
    }

```