panel table and after that a new panel

[wisepotato]

the table does not receive a lower border, which is weird considering each element inside a panel has an ending border..

Example::

<div class="panel panel-default">
                <div class="panel-heading">
                     Lorem

                </div>
                <div class="panel-body">
                    <p>lorem</p>
                </div>
                <table style="background-color:#fff;" class="table table-striped table-bordered">
    <thead>
        <tr>
                        <th>
                Information

            </th>
                    </tr>
    </thead>
    <tbody>
                <tr>
                        <td>
                <b><a href="x">Project 1</a></b> <br><p class="text-muted">Lorem ipsum dolor sit amet</p><a href="x" class="pull-right"><i class="fa fa-chevron-right"></i></a>
            </td>
                    </tr>
                <tr>
                        <td>
                <b><a href="x">new project</a></b> <br><p class="text-muted">description is required</p><a href="x" class="pull-right"><i class="fa fa-chevron-right"></i></a>
            </td>
                    </tr>
                    </tbody>
</table>
                <div class="panel-body">
                    <p>lorem</p>
                </div>

            </div>

The last panel body seems like it is part of the table. Which it is not.

[cvrebert]

As a JS Fiddle: http://jsfiddle.net/cvrhulu/gn5t9/1/