diff --git a/bookwyrm/templates/notifications/notifications_page.html b/bookwyrm/templates/notifications/notifications_page.html
index 79834bd8..8d1cf6ad 100644
--- a/bookwyrm/templates/notifications/notifications_page.html
+++ b/bookwyrm/templates/notifications/notifications_page.html
@@ -4,14 +4,19 @@
 {% block title %}{% trans "Notifications" %}{% endblock %}
 
 {% block content %}
-<header class="columns">
+<header class="columns is-mobile">
     <div class="column">
         <h1 class="title">{% trans "Notifications" %}</h1>
     </div>
 
     <form name="clear" action="/notifications" method="POST" class="column is-narrow">
         {% csrf_token %}
-        <button class="button is-danger is-light" type="submit" class="secondary">{% trans "Delete notifications" %}</button>
+        {% spaceless %}
+        <button class="button is-danger is-light" type="submit">
+            <span class="icon icon-x m-0-mobile" aria-hidden="true"></span>
+            <span class="is-sr-only-mobile">{% trans "Delete notifications" %}</span>
+        </button>
+        {% endspaceless %}
     </form>
 </header>