1 files changed, 7 insertions, 6 deletions
diff --git a/app/assets/stylesheets/framework/pagination.scss b/app/assets/stylesheets/framework/pagination.scss
index c3ec9db0f07..d3e013590b6 100644
--- a/app/assets/stylesheets/framework/pagination.scss
+++ b/app/assets/stylesheets/framework/pagination.scss
@@ -6,6 +6,7 @@
 
   .pagination {
     padding: 0;
+    margin: 20px 0;
 
     a {
       cursor: pointer;
@@ -30,7 +31,7 @@
   }
 }
 
-.panel > .gl-pagination {
+.card > .gl-pagination {
   margin: 0;
 }
 
@@ -44,7 +45,7 @@
       display: none;
     }
 
-    .page {
+    .page-item {
       display: none;
 
       &.active {
@@ -57,13 +58,13 @@
 /**
  * Small screen pagination
  */
-@media (max-width: $screen-xs-min) {
+@include media-breakpoint-down(xs) {
   .gl-pagination {
     .pagination li a {
       padding: 6px 10px;
     }
 
-    .page {
+    .page-item {
       display: none;
 
       &.active {
@@ -76,9 +77,9 @@
 /**
  * Medium screen pagination
  */
-@media (min-width: $screen-xs-min) and (max-width: $screen-md-max) {
+@media (min-width: map-get($grid-breakpoints, xs)) and (max-width: map-get($grid-breakpoints, sm)) {
   .gl-pagination {
-    .page {
+    .page-item {
       display: none;
 
       &.active,