JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    Border-Box Test
    <input type="text" class="default" value="Ich hänge Rechts über"/>
    <input type="text" class="border-box" value="Ich passe genau"/>
</div>

CSS

div { background: green; width: 320px; height: 200px; }
input[type=text] {width: 100%;}

.border-box { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}