Bootstrap 4-я строка, перекрывающая родительскую

Я пытаюсь понять, почему строка перекрывает своего родителя.

Поиграем с подготовленной задачей: https://jsfiddle.net/asmar/raxr3apg/

<link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity = "sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin = "anonymous">
<div class = "newWrap">
    <span class = "h4">Plán akcí na květen <span class = "font-weight-light">(02.05.2018)</span></span>
    <div class = "row newDescription">
        <div class = "col-4 newImgWrap">
            <img src = "https://images.pexels.com/photos/956981/milky-way-starry-sky-night-sky-star-956981.jpeg?auto=compress&cs=tinysrgb&h=300&w=300">
        </div>
        <div class = "col-8">

        </div>
    </div>
</div>

Это вызывает это в моей среде: https://i.stack.imgur.com/Yx3EJ.png

Заранее благодарим за объяснение.