Semantic UI Equal Height Row / Column Width Bug

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.6.4/semantic.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.6.4/semantic.min.css">
<div class="ui top attached segment"><h1 class="ui header">With Equal Height Row</h1></div>
<div class="ui bottom attached segment three column divided grid">
    <div class="equal height row">
        <div class="column">
            <div class="ui divided list">
                <a class="item">Sriracha</a>
                <a class="item">Frank's</a>  
                <a class="item">Cholula</a>
                <a class="item">Tabasco</a>             
                <a class="item">Bayou Love Potion</a>              
            </div>
        </div>
        <div class="column">
            <div class="ui divided list">
                <a class="item">Vanilla</a>
                <a class="item">Chocolate</a>              
            </div>
        </div>
        <div class="column">
            <div class="ui divided list">
                <a class="item">Habañero</a>
            </div>       
        </div>
    </div>
</div>

CSS

#fixed .equal.height.row {
    display: table-row;
}