diff --git a/src/MusicStore.Spa/bower.json b/src/MusicStore.Spa/bower.json
index 0ba8fb6b7b..62bfb591f1 100644
--- a/src/MusicStore.Spa/bower.json
+++ b/src/MusicStore.Spa/bower.json
@@ -10,7 +10,7 @@
     "respond": "~1.4.2",
     "angular": "~1.2.15",
     "angular-route": "~1.2.15",
-    "angular-bootstrap": "~0.10.0"
+    "angular-bootstrap": "~0.11.2"
   },
   "devDependencies": {
     "dt-angular": "~1.2.16",
diff --git a/src/MusicStore.Spa/ng-apps/MusicStore.Admin/Catalog/AlbumEdit.cshtml b/src/MusicStore.Spa/ng-apps/MusicStore.Admin/Catalog/AlbumEdit.cshtml
index 86f5b2c02c..9c55535363 100644
--- a/src/MusicStore.Spa/ng-apps/MusicStore.Admin/Catalog/AlbumEdit.cshtml
+++ b/src/MusicStore.Spa/ng-apps/MusicStore.Admin/Catalog/AlbumEdit.cshtml
@@ -4,7 +4,7 @@
     <h2>Album <small>{{ viewModel.mode | titlecase }}</small></h2>
     <hr />
 
-    <alert ng-show="viewModel.alert" type="viewModel.alert.type" close="viewModel.clearAlert()">
+    <alert ng-show="viewModel.alert" type="{{ viewModel.alert.type.toString() }}" close="viewModel.clearAlert()">
         {{ viewModel.alert.message }}
         <ul ng-show="viewModel.alert.modelErrors">
             <li ng-repeat="modelError in viewModel.alert.modelErrors">{{ modelError.ErrorMessage }}</li>
diff --git a/src/MusicStore.Spa/ng-apps/MusicStore.Admin/Catalog/AlbumList.cshtml b/src/MusicStore.Spa/ng-apps/MusicStore.Admin/Catalog/AlbumList.cshtml
index 441636cc6b..5b992b790e 100644
--- a/src/MusicStore.Spa/ng-apps/MusicStore.Admin/Catalog/AlbumList.cshtml
+++ b/src/MusicStore.Spa/ng-apps/MusicStore.Admin/Catalog/AlbumList.cshtml
@@ -6,7 +6,7 @@
         <a class="btn btn-default" href="#/albums/new">Create new</a>
     </p>
 
-    <alert ng-show="viewModel.alert" type="viewModel.alert.type" close="viewModel.clearAlert()">
+    <alert ng-show="viewModel.alert" type="{{ viewModel.alert.type.toString() }}" close="viewModel.clearAlert()">
         {{ viewModel.alert.message }}
         <ul ng-show="viewModel.alert.modelErrors">
             <li ng-repeat="modelError in viewModel.alert.modelErrors">{{ modelError.ErrorMessage }}</li>
@@ -18,7 +18,7 @@
             <tr>
                 <th>
                     <a title="Sort by this column" href="#/albums" ng-click="viewModel.sortBy('@Html.NameFor(m => m.Genre.Name)')">@Html.DisplayNameFor(m => m.Genre)</a>
-                    
+
                     <span class="glyphicon glyphicon-sort-by-alphabet" title="Sorted ascending" ng-show="viewModel.sortColumn == '@Html.NameFor(m => m.Genre.Name)' && !viewModel.sortDescending"></span>
                     <span class="glyphicon glyphicon-sort-by-alphabet-alt" title="Sorted descending" ng-show="viewModel.sortColumn == '@Html.NameFor(m => m.Genre.Name)' && viewModel.sortDescending"></span>
                 </th>
@@ -67,8 +67,8 @@
             </tr>
         </tbody>
     </table>
-    <pagination class="pagination-sm" on-select-page="viewModel.loadPage(page)"
-                page="viewModel.currentPage" items-per-page="viewModel.pageSize"
+    <pagination class="pagination-sm" ng-model="viewModel.currentPage" ng-change="viewModel.loadPage()"
+                items-per-page="viewModel.pageSize"
                 total-items="viewModel.totalCount" max-size="6"
                 rotate="false" boundary-links="true"></pagination>
     <p>