diff --git a/app/assets/less/components/pagination.less b/app/assets/less/components/pagination.less
index b89f976..97ed4a0 100644
--- a/app/assets/less/components/pagination.less
+++ b/app/assets/less/components/pagination.less
@@ -20,6 +20,7 @@
 
             &:hover {
                 color: @pagination-color;
+                background-color: @pagination-hover;
             }
         }
 
diff --git a/app/assets/less/variables.less b/app/assets/less/variables.less
index c26b527..5e143a1 100644
--- a/app/assets/less/variables.less
+++ b/app/assets/less/variables.less
@@ -132,7 +132,8 @@
 
 @pagination-color:          @text-color;
 @pagination-border:         @border-color;
-@pagination-hover-color:    lighten(@text-color, 25%);
+@pagination-hover:          @hover-color;
+
 @pagination-active-color:   @white;
 @pagination-active-bg:      @brand-color;
 @pagination-active-border:  darken(@brand-color, 5%);