diff --git a/CHANGES.rst b/CHANGES.rst
index ef44376b..a12afb11 100644
--- a/CHANGES.rst
+++ b/CHANGES.rst
@@ -6,7 +6,8 @@ Changelog
 
 New:
 
-- *add item here*
+- Switches deprecated ``listingBar`` CSS class to ``pagination``.
+  [davilima6]
 
 Fixes:
 
diff --git a/plone/app/layout/nextprevious/nextprevious.pt b/plone/app/layout/nextprevious/nextprevious.pt
index e4e240c1..76d61b48 100644
--- a/plone/app/layout/nextprevious/nextprevious.pt
+++ b/plone/app/layout/nextprevious/nextprevious.pt
@@ -7,45 +7,45 @@
      tal:omit-tag=""
      i18n:domain="plone">
 
-    <tal:block define="portal_url view/site_url;">
-
-        <div class="listingBar"
-             tal:define="next view/next;
-                         previous view/previous"
-             tal:condition="python:previous is not None or next is not None">
-
-          <tal:previous condition="previous">
-            <a class="previous" href=""
-               title="Go to previous item"
-               i18n:attributes="title title_previous_item"
-               tal:attributes="href previous/url">
-                «
-                <span i18n:translate="label_previous_item"
-                      tal:omit-tag="">
-                    Previous:
-                    <span i18n:name="itemtitle" tal:replace="previous/title" />
-                </span>
-            </a>
-          </tal:previous>
-
-
-            <a class="next" href=""
-               title="Go to next item"
-               i18n:attributes="title title_next_item"
-               tal:condition="next"
-               tal:attributes="href next/url">
-               <span i18n:translate="label_next_item"
-                     tal:omit-tag="">
-                 Next:
-                 <span i18n:name="itemtitle" tal:replace="next/title" />
-               </span>
-                »
-            </a>
-
-          &nbsp;
-
-       </div>
-
-   </tal:block>
+  <tal:block define="portal_url view/site_url;">
+
+    <nav class="pagination"
+         tal:define="next view/next;
+                     previous view/previous"
+         tal:condition="python:previous is not None or next is not None">
+
+      <ul>
+
+        <li class="previous" tal:condition="previous">
+          <a title="Go to previous item"
+             i18n:attributes="title title_previous_item"
+             tal:attributes="href previous/url">
+            «
+            <span i18n:translate="label_previous_item" tal:omit-tag="">
+              Previous:
+              <span i18n:name="itemtitle" tal:replace="previous/title" />
+            </span>
+          </a>
+        </li>
+
+        <li class="next" tal:condition="next">
+          <a title="Go to next item"
+             i18n:attributes="title title_next_item"
+             tal:attributes="href next/url">
+            <span i18n:translate="label_next_item" tal:omit-tag="">
+              Next:
+              <span i18n:name="itemtitle" tal:replace="next/title" />
+            </span>
+            »
+          </a>
+        </li>
+
+        &nbsp;
+
+      </ul>
+
+    </nav>
+
+  </tal:block>
 
 </div>