diff --git a/idhub/static/css/dashboard.css b/idhub/static/css/dashboard.css
index 773d90a..7f2f108 100644
--- a/idhub/static/css/dashboard.css
+++ b/idhub/static/css/dashboard.css
@@ -159,6 +159,10 @@ h3 {
   background-color: #f3f3f3;
 }
 
+.btn-grey-selected {
+  background-color: #a3e3d7;
+}
+
 .btn-green-user {
   background-color: #c7e3a3;
 }
diff --git a/idhub/templates/idhub/custom_table.html b/idhub/templates/idhub/custom_table.html
index 808de83..496ddec 100644
--- a/idhub/templates/idhub/custom_table.html
+++ b/idhub/templates/idhub/custom_table.html
@@ -71,13 +71,15 @@
             {% block pagination.range %}
                 {% for p in table.page|table_page_range:table.paginator %}
                     <li {% if p == table.page.number %}class="active"{% endif %}>
+                        <a type="button" class="btn btn-grey{% if p == table.page.number %}-selected{% endif %}
+                            border border-dark"
                         {% if p == '...' %}
-                            <a type="button" class="btn btn-grey border border-dark" href="#">{{ p }}</a>
+                             href="#">
                         {% else %}
-                            <a type="button" class="btn btn-grey border border-dark" href="{% querystring table.prefixed_page_field=p %}">
+                            href="{% querystring table.prefixed_page_field=p %}">
+                        {% endif %}
                                 {{ p }}
                             </a>
-                        {% endif %}
                     </li>
                 {% endfor %}
             {% endblock pagination.range %}