diff --git a/css/style.css b/css/style.css
index dfe80c9..ec2ae61 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,8 @@
+.pagination ul > li.active > a {
+  color: #fff;
+  background-color: #428bca;
+}
+
 .label-active, .badge-active, .progress-active .bar {
   background-color: #62C462;
 }
diff --git a/index.html b/index.html
index a30f28e..e3782d8 100755
--- a/index.html
+++ b/index.html
@@ -529,12 +529,22 @@
         ng-click="setPage(1)">
         <a href="#">&laquo;</a>
       </li>
+      <li
+        ng-class="{disabled: currentPage == 1}"
+        ng-click="advancePage(-1)">
+        <a href="#">‹</a>
+      </li>
       <li
         ng-repeat="page in getPages()"
         ng-class="{active: currentPage == page}"
         ng-click="setPage(page)">
         <a href="#">{{page}}</a>
       </li>
+      <li
+        ng-class="{disabled: currentPage == totalPages}"
+        ng-click="advancePage(1)">
+        <a href="#">›</a>
+      </li>
       <li
         ng-class="{disabled: currentPage == totalPages}"
         ng-click="setPage(totalPages)">
diff --git a/js/ctrls/download.js b/js/ctrls/download.js
index d7635a3..6d4432c 100644
--- a/js/ctrls/download.js
+++ b/js/ctrls/download.js
@@ -162,8 +162,13 @@ function(
 
   scope.setPage = function(pageNumber) {
     scope.currentPage = pageNumber;
+    scope.currentPage = Math.max(Math.min(scope.currentPage, scope.totalPages), 1);
     return false;
-  }
+  };
+
+  scope.advancePage = function(num) {
+    return scope.setPage(scope.currentPage + num);
+  };
 
   // get the pages to be displayed
   scope.getPages = function() {