diff -u b/core/modules/system/templates/pager.html.twig b/core/modules/system/templates/pager.html.twig
--- b/core/modules/system/templates/pager.html.twig
+++ b/core/modules/system/templates/pager.html.twig
@@ -69,7 +69,7 @@
             <span class="visually-hidden">
               {{ current == key ? 'Current page'|t : 'Page'|t }}
             </span>
-            {{ key }}
+            {{- key -}}
           </a>
         </li>
       {% endfor %}
diff -u b/core/themes/bartik/css/style.css b/core/themes/bartik/css/style.css
--- b/core/themes/bartik/css/style.css
+++ b/core/themes/bartik/css/style.css
@@ -277,7 +277,7 @@
   font-size: 0.923em;
   text-shadow: 0 0 0 !important;
 }
-.pager__items {
+.pager__item {
   font-size: 0.929em;
   padding: 10px 15px;
 }
diff -u b/core/themes/seven/css/components/pager.css b/core/themes/seven/css/components/pager.css
--- b/core/themes/seven/css/components/pager.css
+++ b/core/themes/seven/css/components/pager.css
@@ -4,19 +4,20 @@
  * override.
  */
 .pager__items {
-  margin-bottom: .5em;
+  margin: 0.25em 0 0.25em 1.5em;
+  padding: 0;
 }
 .pager__item {
   display: inline-block;
   color: #8c8c8c;
   font-size: 1.08em;
-  padding: 0 0.6em;
   margin: 0;
+  padding: 0 0.4em;
 }
 .pager__item a {
   border-bottom: 2px solid transparent;
   line-height: 1.55em;
-  padding: 0 5px 3px;
+  padding: 0 5px 2px;
   text-decoration: none;
   -webkit-transition: border-bottom-color 0.2s;
   transition: border-bottom-color 0.2s;
@@ -26,7 +27,6 @@
 .pager__item.is-active a {
   border-bottom-width: 3px;
   border-bottom-color: #2a678c;
-  padding-bottom: 2px;
   color: #2a678c;
   font-weight: 700;
 }