From c8b30270a8e20e6b7362797816af133dadcf5bc4 Mon Sep 17 00:00:00 2001
From: Jeremy Stretch <jstretch@netboxlabs.com>
Date: Thu, 18 Sep 2025 14:05:00 -0400
Subject: [PATCH] Fixes #20390: Fix styling of pagination dropdown menu

---
 netbox/templates/inc/paginator.html | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/netbox/templates/inc/paginator.html b/netbox/templates/inc/paginator.html
index 122cdf050..f7e2f160a 100644
--- a/netbox/templates/inc/paginator.html
+++ b/netbox/templates/inc/paginator.html
@@ -79,21 +79,23 @@
     {# /Showing #}
 
     {# Pagination options #}
-    <nav class="text-end" aria-label="{% trans "Pagination options" %}">
+    <nav aria-label="{% trans "Pagination options" %}">
       {% if page %}
-        <div class="dropdown">
+        <div class="dropdown dropdown-menu-end">
           <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
             {% trans "Per Page" %}
           </button>
-          <div class="dropdown-menu">
+          <ul class="dropdown-menu">
             {% for n in page.paginator.get_page_lengths %}
-              {% if htmx %}
-                <a href="#" hx-get="{{ table.htmx_url }}{% querystring request per_page=n %}" class="dropdown-item">{{ n }}</a>
-              {% else %}
-                <a href="{% querystring request per_page=n %}" class="dropdown-item">{{ n }}</a>
-              {% endif %}
+              <li>
+                {% if htmx %}
+                  <a href="#" hx-get="{{ table.htmx_url }}{% querystring request per_page=n %}" class="dropdown-item">{{ n }}</a>
+                {% else %}
+                  <a href="{% querystring request per_page=n %}" class="dropdown-item">{{ n }}</a>
+                {% endif %}
+              </li>
             {% endfor %}
-          </div>
+          </ul>
         </div>
       {% endif %}
     </nav>