diff --git a/files/templates/userpage.html b/files/templates/userpage.html
index e7461b6b32..792a72ad54 100644
--- a/files/templates/userpage.html
+++ b/files/templates/userpage.html
@@ -118,41 +118,37 @@
 		</ul>
 	</div>
 </div>
+
+<!-- Pagination -->
+{% if listing %}
+	<div class="col-span-full">
+		<ul class="flex flex-wrap items-center mb-4">
+			{% if page>1 %}
+			<li>
+				<a class="block px-2 py-1 text-sm font-bold text-gray-700 hover:text-gray-900 bg-gray-300 hover:bg-gray-400 active:shadow-inner" href="?page={{page-1}}&sort={{sort}}&t={{t}}" tabindex="-1">
+					Prev
+				</a>
+			</li>
+			{% else %}
+			<li><span class="block px-2 py-1 text-sm font-bold text-gray-400 bg-gray-300/50 disabled">Prev</span></li>
+			{% endif %}
+			{% if next_exists %}
+			<li class="page-item">
+				<a class="block px-2 py-1 text-sm font-bold text-gray-700 hover:text-gray-900 bg-gray-300 hover:bg-gray-400 active:shadow-inner" href="?page={{page+1}}&sort={{sort}}&t={{t}}">Next</a>
+			</li>
+			{% else %}
+			<li><span class="block px-2 py-1 text-sm font-bold text-gray-400 bg-gray-300/50 disabled">Next</span></li>
+			{% endif %}
+		</ul>
+	</div>
+{% endif %}
+
 {% endblock %}
 
 {% block sidebar %}
 	{% include "/sidebars/ProfileSidebar.html" %}
 {% endblock %}
 
-{% block pagenav %}
-{% if listing %}
-<nav aria-label="Page navigation">
-	<ul class="pagination pagination-sm mb-0">
-		{% if page>1 %}
-		<li class="page-item">
-			<small><a class="page-link" href="?page={{page-1}}&sort={{sort}}&t={{t}}" tabindex="-1">Prev</a></small>
-		</li>
-		{% else %}
-		<li class="page-item disabled"><span class="page-link">Prev</span></li>
-		{% endif %}
-		{% if next_exists %}
-		<li class="page-item">
-			<small><a class="page-link" href="?page={{page+1}}&sort={{sort}}&t={{t}}">Next</a></small>
-		</li>
-		{% else %}
-		<li class="page-item disabled"><span class="page-link">Next</span></li>
-		{% endif %}
-	</ul>
-</nav>
-{% endif %}
-
-<style>
-	.wtf {
-		object-fit: cover !important;
-	}
-</style>
-{% endblock %}
-
 {% block modals %}
 {% if v %}
 {% include "emoji_modal.html" %}