diff --git a/bower.json b/bower.json
index c816b78..595fd27 100644
--- a/bower.json
+++ b/bower.json
@@ -59,7 +59,8 @@
     "pdfobject": "pdfobject2#*",
     "gist-embed": "*",
     "keymaster": "^1.6.3",
-    "prism": "^1.5.1"
+    "prism": "^1.5.1",
+    "list.pagination.js": "^0.1.1"
   },
   "resolutions": {
     "jquery": "~3.1.1"
diff --git a/public/js/cover.js b/public/js/cover.js
index 429925a..25434ed 100644
--- a/public/js/cover.js
+++ b/public/js/cover.js
@@ -18,7 +18,11 @@ var options = {
                     </div>\
                 </div>\
             </a>\
-           </li>'
+           </li>',
+    page: 18,
+    plugins: [
+        ListPagination({})
+    ]
 };
 var historyList = new List('history', options);
 
diff --git a/public/views/index.ejs b/public/views/index.ejs
index f71cbdf..4fdee8c 100644
--- a/public/views/index.ejs
+++ b/public/views/index.ejs
@@ -135,6 +135,7 @@
                     <a href="#" class="btn btn-primary ui-import-from-browser" style="display:none;"><%= __('Import from browser') %></a>
                     <ul id="history-list" class="list">
                     </ul>
+                    <ul class="pagination"></ul>
                 </div>
 
                 <div class="mastfoot">
@@ -209,6 +210,7 @@
 	<% } %>
     <script src="<%- url %>/vendor/js-cookie/src/js.cookie.js" defer></script>
     <script src="<%- url %>/vendor/list.js/dist/list.min.js" defer></script>
+    <script src="<%- url %>/vendor/list.pagination.js/dist/list.pagination.min.js" defer></script>
     <script src="<%- url %>/vendor/file-saver/FileSaver.min.js" defer></script>
     <script src="<%- url %>/vendor/store-js/store.min.js" defer></script>
     <script src="<%- url %>/vendor/lz-string/libs/lz-string.min.js" defer></script>