diff --git a/templates/macro.html b/templates/macro.html
index faf8686..9e2e2d1 100644
--- a/templates/macro.html
+++ b/templates/macro.html
@@ -1,3 +1,6 @@
+{# vim: set ft=htmljinja
+#}
+
 {% macro render_pagination(pagination) %}
 {% if pagination.pages > 1 %}
 <nav aria-label="Page navigation example">
@@ -10,7 +13,7 @@
       {% if page != pagination.page %}
 		<li class="page-item"><a class="page-link" href="{{ url_for_other_page(page) }}">{{ page }}</a></li>
       {% else %}
-        <li class="page-item active"><a class="page-link" href="{{ url_for_other_page(page) }}">{{ page }} <span class="sr-only">(current)</span></a></li>
+        <li class="page-item active"><a class="page-link" href="{{ url_for_other_page(page) }}">{{ page }} <span class="visually-hidden">(current)</span></a></li>
       {% endif %}
     {% else %}
       <li><span class="ellipsis">…</span></li>
diff --git a/templates/navbar.html b/templates/navbar.html
index de3440f..fa8205f 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -1,6 +1,6 @@
 {% macro nav_item(name, label) %}
 <li class="nav-item{% if name == active %} active{% endif %}">
-  <a class="nav-link" href="{{ url_for(name) }}">{{ label }}{% if name == active %} <span class="sr-only">(current)</span>{% endif %}</a>
+  <a class="nav-link" href="{{ url_for(name) }}">{{ label }}{% if name == active %} <span class="visually-hidden">(current)</span>{% endif %}</a>
 </li>
 {% endmacro %}