diff --git a/layout/_partials/search/algolia-search.njk b/layout/_partials/search/algolia-search.njk
index 5aa6bdb..13f087b 100644
--- a/layout/_partials/search/algolia-search.njk
+++ b/layout/_partials/search/algolia-search.njk
@@ -10,5 +10,5 @@
 <div class="algolia-results">
   <div id="algolia-stats"></div>
   <div id="algolia-hits"></div>
-  <div id="algolia-pagination" class="algolia-pagination"></div>
+  <div id="algolia-pagination"></div>
 </div>
diff --git a/source/css/_common/components/third-party/search.styl b/source/css/_common/components/third-party/search.styl
index 2230ff2..76f03a3 100644
--- a/source/css/_common/components/third-party/search.styl
+++ b/source/css/_common/components/third-party/search.styl
@@ -115,33 +115,18 @@ if (hexo-config('algolia_search.enable')) {
   }
 
   .algolia-pagination {
-    .pagination {
-      border-top: none;
-      margin: 40px 0;
-      opacity: 1;
-      padding: 0;
-    }
+    // Override default style of ul
+    margin: 40px 0;
+    opacity: 1;
+    padding: 0;
 
     .pagination-item {
       display: inline-block;
     }
 
-    .page-number {
-      border-top: 1px solid transparent;
-      the-transition();
-
-      &:hover {
-        border-top: 1px solid $black-deep;
-      }
-    }
-
     .current .page-number {
       @extend .pagination .page-number.current;
       cursor: default;
-
-      &:hover {
-        border-top-color: $pagination-active-border;
-      }
     }
 
     .disabled-item {
diff --git a/source/js/algolia-search.js b/source/js/algolia-search.js
index 2bbbe77..34b517a 100644
--- a/source/js/algolia-search.js
+++ b/source/js/algolia-search.js
@@ -83,7 +83,7 @@ document.addEventListener('DOMContentLoaded', () => {
         next    : '<i class="fa fa-angle-right"></i>'
       },
       cssClasses: {
-        root        : 'pagination',
+        list        : ['pagination', 'algolia-pagination'],
         item        : 'pagination-item',
         link        : 'page-number',
         selectedItem: 'current',