Кнопки действий диалогового окна Angular Material отображаются вверху (а не внизу)

соответствующий код:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"

А также,

$mdDialog.show(
              $mdDialog.alert()
                .clickOutsideToClose(true)
                .title('Please Login')
                .textContent('Please use facebook to login to Afsheen before making a purchase.')
                .ok('Got it!')
                .targetEvent(event)
            );

Любая идея, что происходит?