diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss
index 0b8b432a..7782eb2e 100644
--- a/sass/_project-sass/_project-Main.scss
+++ b/sass/_project-sass/_project-Main.scss
@@ -823,6 +823,10 @@ a.tag:hover {
 .browse-page .tags {
   padding: 0 30px 30px 30px;
 }
+.pagination .arrow {
+  vertical-align: 1px;
+}
+
 .interior .header-Outro.with-columns .col.filter {
   padding-top: 0px;
   padding-bottom: 4px;
diff --git a/views/browse.erb b/views/browse.erb
index ea5d9c7e..4e67ba99 100644
--- a/views/browse.erb
+++ b/views/browse.erb
@@ -92,9 +92,9 @@
 
 <% if params[:sort_by] != 'random' %>
   <% if @page_count > 1 %>
-    <div class="txt-Center content eps">
+    <div class="txt-Center content eps pagination">
       <% if @current_page != 1 %>
-        <a href="#" onclick="getPage(<%= @current_page - 1 %>); return false"><i class="icon-arrow-left" style="text-decoration: none"></i></a>&nbsp;
+        <a href="#" onclick="getPage(<%= @current_page - 1 %>); return false"><i class="fa fa-arrow-left arrow"></i></a>&nbsp;
       <% end %>
 
       <% 1.upto(@page_count) do |num| %>
@@ -106,7 +106,7 @@
       <% end %>
 
       <% if @current_page != @page_count %>
-        <a href="#" onclick="getPage(<%= @current_page + 1 %>); return false"><i class="icon-arrow-right" style="text-decoration: none"></i></a>
+        <a href="#" onclick="getPage(<%= @current_page + 1 %>); return false"><i class="fa fa-arrow-right arrow"></i></a>
       <% end %>
     </div>
   <% end %>