Не работает scroll в modal
Подскажите, пожалуйста, почему неправильно работает scroll .modal ?
* {
margin: 0;
padding: 0;
}
.modal {
width: 100%;
height: 100%;
position: fixed;
background: rgba(0,0,0,.6);
display: flex;
justify-content: center;
align-items: center;
overflow-y: auto;
}
.modal_body {
margin: 50px;
padding: 50px;
background: white;
}
.modal_body > p {
font-size: 32px;
line-height: 40px;
}
<div class="modal">
<div class="modal_body">
<h2>Something</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed, voluptatibus! Esse voluptas vitae repellat dolores eaque nisi numquam earum et eveniet cum fugiat reprehenderit vel dolore quasi id quo ipsam, saepe labore! Est perspiciatis praesentium iste consequatur vel, sequi maxime aspernatur eos voluptates ex, quibusdam sint laborum provident a cum nemo quae nesciunt quasi fugiat odio consectetur quisquam magni natus quaerat molestias! Quisquam repudiandae dicta in commodi perferendis odit facere quod velit tenetur nisi impedit sint incidunt laudantium, esse quasi corrupti. Ullam obcaecati consectetur illum delectus ut cupiditate ratione, beatae quos ab, perferendis sed ea, debitis eligendi odit libero? Repellat.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus, praesentium, magnam quibusdam hic tempore omnis incidunt adipisci natus ipsam assumenda recusandae minima suscipit perferendis est soluta quam eos quidem, facere accusamus delectus exercitationem neque nihil aliquid saepe? Sint voluptatibus nobis, quo magni. Esse voluptates minus excepturi atque vitae labore quibusdam, dicta unde, beatae consequuntur. Officia, praesentium a fuga natus cum maiores aliquam eum aperiam beatae laboriosam officiis quos tempora veritatis velit reiciendis rem nemo rerum quibusdam quis quaerat, sapiente. Labore porro adipisci voluptas odio, ad dolorem inventore necessitatibus itaque iusto molestiae quidem nostrum. Labore sint facilis quo natus! Eligendi, velit.</p>
</div>
</div>