diff --git a/scss/_pagination.scss b/scss/_pagination.scss
index 286febc9d1..b0193d170e 100644
--- a/scss/_pagination.scss
+++ b/scss/_pagination.scss
@@ -14,13 +14,18 @@
   background-color: $pagination-bg;
   border: $pagination-border-width solid $pagination-border-color;
 
-  @include hover-focus {
+  &:hover {
     color: $pagination-hover-color;
     text-decoration: none;
     background-color: $pagination-hover-bg;
     border-color: $pagination-hover-border-color;
   }
 
+  &:focus {
+    z-index: 2;
+    outline: 0;
+    box-shadow: $pagination-focus-box-shadow;
+  }
 
   // Opinionated: add "hand" cursor to non-disabled .page-link elements
   &:not([disabled]):not(.disabled) {
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 62b4850a8e..2438c115e7 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -627,6 +627,8 @@ $pagination-bg:                     $white !default;
 $pagination-border-width:           $border-width !default;
 $pagination-border-color:           $gray-300 !default;
 
+$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;
+
 $pagination-hover-color:            $link-hover-color !default;
 $pagination-hover-bg:               $gray-200 !default;
 $pagination-hover-border-color:     $gray-300 !default;