-<p>
+<nav>
+ <ul class="pagination my-3 py-0">
+ <% if page > 1 %>
+ <li class="page-item">
+ <%= link_to t(".newer"), params.merge(:page => page - 1), :class => "page-link" %>
+ </li>
+ <% else %>
+ <li class="page-item disabled">
+ <span class="page-link"><%= t(".newer") %></span>
+ </li>
+ <% end %>
-<% if @traces.size > 1 %>
-<% if @page > 1 %>
-<%= link_to t('.newer'), @params.merge(:page => @page - 1) %>
-<% else %>
-<%= t('.newer') %>
-<% end %>
+ <li class="page-item disabled">
+ <span class="page-link"><%= t(".showing_page", :page => page) %></span>
+ </li>
-| <%= t('.showing_page', :page => @page) %> |
-
-<% if @traces.size < @page_size %>
-<%= t('.older') %>
-<% else %>
-<%= link_to t('.older'), @params.merge(:page => @page + 1) %>
-<% end %>
-<% end %>
-</p>
+ <% if traces.size < page_size %>
+ <li class="page-item disabled">
+ <span class="page-link"><%= t(".older") %></span>
+ </li>
+ <% else %>
+ <li class="page-item">
+ <%= link_to t(".older"), params.merge(:page => page + 1), :class => "page-link" %>
+ </li>
+ <% end %>
+ </ul>
+</nav>