hey guys i got this problem, when the tabs are being use in class content, tabs created a space between the text and the bottom border of the tabs, it happens when I have a

tag on sidebar, it seems that the tabs react on
tag on .sidebar,

<div class='container-fluid'>
    <div class='sidebar'>
        <ul>
            <li>sample</li>
            <li>sample</li>
            <li>sample</li>
            <li>sample</li>
            <li>sample</li>
            <li>sample</li>
            <li>sample</li>
            <li>sample</li>
            <li>sample</li>
            <li>sample</li>
            <li>sample</li>
            <li>sample</li>
        </ul>
    </div>
    <div class='content'>
        <ul class='tabs'>
            <li class='active'>sample</li>
            <li>sample</li>
            <li>sample</li>
            <li>sample</li>
        </ul>
        <div class='row'>
            <h2>My Header</h2>
        </div>
        <div class='row'>
            <h2>My Header2</h2>
        </div>
    </div>