Bootstrap 4 Scrolling Div

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- 
  Bootstrap docs: https://getbootstrap.com/docs
-->
<div class="container-fluid body-container">

  <div class="row">

    <div class="col-xl-5">
      <div class="col-xl-12 shadow recent-articles" style="margin-bottom: 1rem;">
        <h5>Recent Articles</h5>

        <div class="recent-articles-list">

          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis dapibus justo. Duis sit amet pharetra mi, ut tincidunt velit. Proin urna risus, ullamcorper quis eros eget, molestie varius augue. Vivamus in nisl sed dui pharetra imperdiet in eget lectus.
          Sed felis est, tempus id pulvinar ac, consequat nec elit. Aliquam accumsan lorem quis ornare sollicitudin. Donec a ex quis massa aliquam accumsan ac sit amet massa. Pellentesque consequat ullamcorper blandit. Duis sed ornare tellus. Nullam a
          finibus felis. Donec aliquet accumsan est at sodales. Donec id erat velit.
          <br /><br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis dapibus justo. Duis sit amet pharetra mi, ut tincidunt velit. Proin urna risus, ullamcorper quis eros eget, molestie varius augue. Vivamus in nisl sed dui pharetra
          imperdiet in eget lectus. Sed felis est, tempus id pulvinar ac, consequat nec elit. Aliquam accumsan lorem quis ornare sollicitudin. Donec a ex quis massa aliquam accumsan ac sit amet massa. Pellentesque consequat ullamcorper blandit. Duis sed
          ornare tellus. Nullam a finibus felis. Donec aliquet accumsan est at sodales. Donec id erat velit.
      ...

CSS

body {
  background-color: #ccc;
  margin-top: 1rem;
}

.recent-articles {
  background-color: #fff;
  padding: 1rem;
  height: 100%;
}

.recent-articles-list {
  padding-right: 1rem;
  max-height: 30rem;
  overflow-y: auto;
}