diff --git a/app/views/shared/_pagination.html.erb b/app/views/shared/_pagination.html.erb
index 5c9c2f3cac..f4670aaab0 100644
--- a/app/views/shared/_pagination.html.erb
+++ b/app/views/shared/_pagination.html.erb
@@ -1,12 +1,14 @@
 <% if older_id || newer_id %>
 
 <% translation_scope ||= "shared.pagination.#{controller.controller_name}" %>
-<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>
@@ -15,6 +17,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 %>