better focus for rounded corner inputs

HTML

focus looks bad: <input type="text">
<br><br>
focus looks good: <input type="text">

CSS

input { 
    border-radius: 20px;
    padding: 5px;
    border: 2px solid #999;
}

input:nth-of-type(2):focus {
    outline: 0;
    box-shadow: 0 0 10px blue;
}