how to customize angular-ui bootstrap tabs - css

Question

I am having some issues styling my modal. The length of the tabs bottom-border goes past the side of the modal. I would also like to have the tabs have borders on every side so it will look more like it is in a enclosure. I made a plunker but I cannot get the modal the correct height and the tabs are not showing up?
plunkr
<!--Cover Content-->
<tabset>
<tab heading="Contract">
<div class="col-xs-12" style="margin-top:30px">
<div class="inline-fields">
<label style="margin-left:13px">Original Contract:</label>
<input style="width:115px;text-align:right" ng-model="items.JobOriginalContract" type="text" format="number">
<label style="margin-left:57px">Geo Area:</label>
<select ng-controller="JobMiscCtrl" style="width:148px" ng-model="items.GeoAreaName" ng-options="job.id as job.GeoAreaName for job in geoAreaArray">
<option value="0"></option>
</select>
</div>
<div class="inline-fields">
<label style="margin-left:69px">Total CO:</label>
<input style="width:115px;text-align:right" ng-model="items.JobTotalCO" type="text" format="number">
<label style="margin-left:82px">Class:</label>
<select ng-controller="JobMiscCtrl" style="width:148px" ng-model="items.JobClassName" ng-options="job.id as job.JobClassName for job in jobClassArray">
<option value="0"></option>
</select>
</div>
<div class="inline-fields">
<label style="margin-left:12px">Revised Contract:</label>
<input disabled style="width:115px;text-align:right" ng-model="items.JobRevisedContract" type="text" format="number">
<label style="margin-left:55px">Min Wage:</label>
<input style="width:90px" ng-model="items.JobMinWage" type="text" format="number">
<label style="margin-left:0px">Type:</label>
<select ng-controller ="JobMiscCtrl" style="width:148px" ng-model="items.JobTypeName" ng-options="job.id as job.JobTypeName for job in jobTypeArray">
<option value="0"></option>
</select>
</div>
<div class="inline-fields">
<label style="margin-left:60px">Retainage:</label>
<select style="width:115px;text-align:right" ng-model="items.JobRetainage">
<option value="0">0%</option>
<option value="5">5%</option>
<option value="10">10%</option>
</select>
<label style="margin-left:42px">Tax Exempt:</label>
<input type="checkbox" ng-model="items.JobTaxExempt" />
</div>
<div class="inline-fields">
<label style="margin-left:22px">Original Budget:</label>
<input style="width:115px;text-align:right" ng-model="items.JobOriginalBudget" type="text" format="number">
<label style="margin-left:39px">Ins Program:</label>
<select style="width: 145px" ng-model="items.JobInsProgram">
<option value="CCIP">CCIP</option>
<option value="OCIP">OCIP</option>
<option value="RCIP">RCIP</option>
<option value="TSIB">TSIB</option>
</select>
</div>
</div><!--End col-xs-12-->
</tab><!--End Contract Tab-->
<!--<tab disabled heading="Contacts"></tab>
<tab disabled heading="Document Distribution"></tab>-->
</tabset><!--End Tab Content-->
.large-Modal .modal-dialog{
width:800px; height: 500px;
position: absolute;
top:0; bottom: 0; left: 0; right: 0;
margin: auto
}
.tab-pane {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-radius: 0px 0px 5px 5px;
padding: 10px;
}
.nav-tabs {
margin-bottom: 0;
}