Strange Display Bug on Input Fields when using padding only iOS affected

 input[type="text"], input[type="number"], input[type="tel"] {
        height:40px;
        padding: 0 5px 0 5px;
        border: none;
        border-bottom: solid 2px #c9c9c9;
        transition: border 0.3s;
        background-color: #F0F5F7;
        background-repeat: no-repeat;
        display: block;
        clear: both;
        overflow:hidden;
    }

When I do padding:0, then the above little mini boxes inside the input field vanish.

This is happening only on real iOS device or iOS emulate mode.

Any ideas how to resolve?