input "vazando" o widht determinado na classe container

Não entendi porque os campos do formulário (tanto no meu código como no do instrutor) estão "vazando" o tamanho determinado pela classe container. Os inputs não deveriam se adaptar ao espaço/tamanho de 96% determinado nesta classe?

.container {
    width: 96%;
    margin: 0 auto;
}

.field .field-input {
    display: block;
    width: 100%;
    font-size: 20px;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 10px #48a3a6;
}

            <div class="container">            
                <h2 class="title">Seus dados</h2>                
                <form">
                    <div class="field">
                        <label>Nome</label>
                        <input type="text" class="field-input" required>
                    </div>
                    <div class="field">
                        <label>Email</label>
                        <input type="email" class="field-input" required>
                    </div>
                    <div class="button-place">
                        <button class="button">Realizar inscrição</button>   
                    </div>     
                </form>
            </div>