In order to ovveride the unwanted styling I added a class to the tooltip
JS
$(element).tooltip({
template: '<div class="tooltip tooltip-adjust-bottom">
<div class="tooltip-arrow"></div><div class="tooltip-inner">
</div></div>'
}).tooltip("show");
CSS
.tooltip-adjust-bottom{
top: auto !important;
left: 35px !important;
}