diff --git a/nummi/main/static/main/css/main.css b/nummi/main/static/main/css/main.css
index 46901b0..f3cc370 100644
--- a/nummi/main/static/main/css/main.css
+++ b/nummi/main/static/main/css/main.css
@@ -115,3 +115,13 @@ nav > :first-child,
 main > :first-child {
 	margin-top: 0;
 }
+
+#pagination {
+	text-align: center;
+	font-feature-settings: var(--num);
+}
+#pagination a {width: 2rem}
+#pagination a.cur {
+	font-weight: 650;
+	text-decoration: underline dotted;
+}
diff --git a/nummi/main/templates/main/list/pagination.html b/nummi/main/templates/main/list/pagination.html
new file mode 100644
index 0000000..5fdef1b
--- /dev/null
+++ b/nummi/main/templates/main/list/pagination.html
@@ -0,0 +1,9 @@
+{% load i18n %}
+{% if page_obj %}
+    <p id="pagination">
+        {% for page in paginator.page_range %}
+            <a href="?page={{ page }}"
+               {% if page == page_obj.number %}class="cur"{% endif %}>{{ page }}</a>
+        {% endfor %}
+    </p>
+{% endif %}
diff --git a/nummi/main/templates/main/list/snapshot.html b/nummi/main/templates/main/list/snapshot.html
index ddca8d1..28c385a 100644
--- a/nummi/main/templates/main/list/snapshot.html
+++ b/nummi/main/templates/main/list/snapshot.html
@@ -20,22 +20,9 @@
     <h1>{% translate "Statements" %}</h1>
     {% if object %}<a href="{{ object.get_absolute_url }}">{{ object }}</a>{% endif %}
     {% if snapshots %}
+        {% include "main/list/pagination.html" %}
         {% include "main/table/snapshot.html" %}
-        {% if page_obj %}
-            <div class="pagination">
-                <span class="step-links">
-                    {% if page_obj.has_previous %}
-                        <a href="?page=1">↞</a>
-                        <a href="?page={{ page_obj.previous_page_number }}">←</a>
-                    {% endif %}
-                    <span class="current">{{ page_obj.number }}/{{ page_obj.paginator.num_pages }}</span>
-                    {% if page_obj.has_next %}
-                        <a href="?page={{ page_obj.next_page_number }}">→</a>
-                        <a href="?page={{ page_obj.paginator.num_pages }}">↠</a>
-                    {% endif %}
-                </span>
-            </div>
-        {% endif %}
+        {% include "main/list/pagination.html" %}
     {% else %}
         <p>{% translate "No snapshots to show" %}</p>
     {% endif %}
diff --git a/nummi/main/templates/main/list/transaction.html b/nummi/main/templates/main/list/transaction.html
index 3a55852..d2c6672 100644
--- a/nummi/main/templates/main/list/transaction.html
+++ b/nummi/main/templates/main/list/transaction.html
@@ -26,22 +26,9 @@
         <a href="{% url "search" %}">{% translate "Search" %}</a>
     {% endif %}
     {% if transactions %}
+        {% include "main/list/pagination.html" %}
         {% include "main/table/transaction.html" %}
-        {% if page_obj %}
-            <div class="pagination">
-                <span class="step-links">
-                    {% if page_obj.has_previous %}
-                        <a href="?page=1">↞</a>
-                        <a href="?page={{ page_obj.previous_page_number }}">←</a>
-                    {% endif %}
-                    <span class="current">{{ page_obj.number }}/{{ page_obj.paginator.num_pages }}</span>
-                    {% if page_obj.has_next %}
-                        <a href="?page={{ page_obj.next_page_number }}">→</a>
-                        <a href="?page={{ page_obj.paginator.num_pages }}">↠</a>
-                    {% endif %}
-                </span>
-            </div>
-        {% endif %}
+        {% include "main/list/pagination.html" %}
     {% else %}
         <p>{% translate "No transactions to show" %}</p>
     {% endif %}