diff --git a/templates/navigation/book-navigation.html.twig b/templates/navigation/book-navigation.html.twig
index 31f3dd2..1c5596b 100755
--- a/templates/navigation/book-navigation.html.twig
+++ b/templates/navigation/book-navigation.html.twig
@@ -38,17 +38,17 @@
       <ul class="book-pager">
       {% if prev_url %}
         <li class="book-pager__item book-pager__item--previous">
-          <a class="book-pager__link book-pager__link--previous" href="{{ prev_url }}" rel="prev" title="{{ 'Go to previous page'|t }}">{{ prev_title }}</a>
+          <a class="button button--small book-pager__link book-pager__link--previous" href="{{ prev_url }}" rel="prev" title="{{ 'Go to previous page'|t }}">{{ prev_title }}</a>
         </li>
       {% endif %}
       {% if parent_url %}
         <li class="book-pager__item book-pager__item--center">
-          <a class="book-pager__link book-pager__link--center" href="{{ parent_url }}" title="{{ 'Go to parent page'|t }}">{{ 'Up'|t }}</a>
+          <a class="button button--small book-pager__link book-pager__link--center" href="{{ parent_url }}" title="{{ 'Go to parent page'|t }}">{{ 'Up'|t }}</a>
         </li>
       {% endif %}
       {% if next_url %}
         <li class="book-pager__item book-pager__item--next">
-          <a class="book-pager__link book-pager__link--next" href="{{ next_url }}" rel="next" title="{{ 'Go to next page'|t }}">{{ next_title }}</a>
+          <a class="button button--small book-pager__link book-pager__link--next" href="{{ next_url }}" rel="next" title="{{ 'Go to next page'|t }}">{{ next_title }}</a>
        </li>
       {% endif %}
     </ul>