diff --git a/app/views/shared/_pagination.html.erb b/app/views/shared/_pagination.html.erb
index ef965d4b92..f8d4554824 100644
--- a/app/views/shared/_pagination.html.erb
+++ b/app/views/shared/_pagination.html.erb
@@ -1,9 +1,11 @@
-<nav>
+<nav class="d-flex justify-content-between gap-2">
   <ul class="pagination">
     <%= pagination_item(newer_id && @params.merge(:before => nil, :after => nil)) do %>
       <%= previous_page_svg_tag :class => "flex-shrink-0", :count => 2 %>
       <span class="d-none d-md-block"><%= t :newest, :scope => translation_scope %></span>
     <% end %>
+  </ul>
+  <ul class="pagination">
     <%= pagination_item(newer_id && @params.merge(:before => nil, :after => newer_id)) do %>
       <%= previous_page_svg_tag :class => "flex-shrink-0" %>
       <span class="d-none d-sm-block"><%= t :newer, :scope => translation_scope %></span>
@@ -12,6 +14,8 @@
       <span class="d-none d-sm-block"><%= t :older, :scope => translation_scope %></span>
       <%= next_page_svg_tag :class => "flex-shrink-0" %>
     <% end %>
+  </ul>
+  <ul class="pagination">
     <%= pagination_item(older_id && @params.merge(:before => nil, :after => 0)) do %>
       <span class="d-none d-md-block"><%= t :oldest, :scope => translation_scope %></span>
       <%= next_page_svg_tag :class => "flex-shrink-0", :count => 2 %>