всплывающее окно начальной загрузки angular - удалить заголовок в пользовательской директиве

Я написал небольшую директиву, которая показывает всплывающее окно (Angular-UI Bootstrap), когда длина текста слишком велика. Каждый раз, когда отображается всплывающее окно, оно всегда добавляет пустую строку для заголовка - как мне ее удалить? когда я делаю это с element.next().find('.popover-title').hide();, он помещает всплывающее окно в неправильное положение (17 пикселей над объектом).

app.directive("descriptionPopover", function () {
    return function (scope, element, attributes) {

        element.bind('mouseenter', function (e) {
            var msg = element.text();
            var maxWidth = attributes.widthPopover || 80;

            if (msg.length >= maxWidth ) {
                element.popover('destroy'); //refreshing the content from first init
                var pop = element.popover({
                    content: msg,
                    placement: "top",
                    trigger: "manual",
                    container: "body"
                });
                element.popover('show');
            }
        })
        .bind('mouseleave', function (e) {
            element.popover('hide');
        });

     };
});

Любые идеи? Эдди