diff --git a/src/_includes/paginator.liquid b/src/_includes/paginator.liquid
index 0eb9023a..557094fa 100644
--- a/src/_includes/paginator.liquid
+++ b/src/_includes/paginator.liquid
@@ -15,7 +15,7 @@
   {% endif %}
 
   <div class="flex flex-row items-center">
-    <select id="pagination" class="mr-1 inline rounded-lg px-1 appearance-none text-center border border-primary-500 dark:text-white dark:bg-gray-900 text-gray-800 focus-visible:border-primary-400 focus-visible:outline-none cursor-pointer relative">
+    <select id="pagination" class="block w-12 h-12 rounded-full text-white dark:text-gray-900 bg-primary-500 hover:bg-primary-500 dark:hover:bg-primary-300 mr-1 focus-visible:outline-none focus-visible:bg-primary-400 appearance-none text-center">
       {% for pageEntry in pagination.pages %}
         <option {% if page.url == pagination.hrefs[forloop.index0] %}selected{% endif %} value="{{ forloop.index }}">{{ forloop.index }}</option>
       {% endfor %}