<!DOCTYPE html>
<html ng-app="app">

  <head>
    <script data-require="angular.js@1" data-semver="1.5.1" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.1/angular.js"></script>
    <script data-require="ui-bootstrap@*" data-semver="1.3.0" src="https://cdn.rawgit.com/angular-ui/bootstrap/gh-pages/ui-bootstrap-1.3.0.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.0/ui-bootstrap-tpls.js"></script>
    <link data-require="bootstrap-css@3.3.6" data-semver="3.3.6" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
  
  <div style="margin: 30px">
    <p class="text-right">
      <span uib-tooltip="Hi here, this is a very very very very very very very very very very very very very long tooltip!" >Hello Tooltip</span>
    </p>  
  </div>
   
  </body>

</html>

// Code goes here
var app = angular.module('app', ['ui.bootstrap']);
/* Styles go here */

### Bug description:
Tooltip flickering and wrong positioned when inside of a right aligned (text) element