diff --git a/InvenTree/templates/InvenTree/notifications/inbox.html b/InvenTree/templates/InvenTree/notifications/inbox.html
index 7ec2a27b6a..d8f5190860 100644
--- a/InvenTree/templates/InvenTree/notifications/inbox.html
+++ b/InvenTree/templates/InvenTree/notifications/inbox.html
@@ -10,7 +10,7 @@
 {% endblock %}
 
 {% block actions %}
-<div class='btn btn-secondary' type='button' id='mark-all' title='{% trans "Mark all as read" %}'>
+<div class='btn btn-outline-secondary' type='button' id='mark-all' title='{% trans "Mark all as read" %}'>
     <span class='fa fa-bookmark'></span> {% trans "Mark all as read" %}
 </div>
 <div class='btn btn-secondary' type='button' id='inbox-refresh' title='{% trans "Refresh Pending Notifications" %}'>
diff --git a/InvenTree/templates/InvenTree/notifications/notifications.html b/InvenTree/templates/InvenTree/notifications/notifications.html
index 89f10c3e3d..fedf8a1448 100644
--- a/InvenTree/templates/InvenTree/notifications/notifications.html
+++ b/InvenTree/templates/InvenTree/notifications/notifications.html
@@ -126,8 +126,12 @@ $("#mark-all").on('click', function() {
         {
             read: false,
         },
+        {
+            success: function(response) {
+                updateNotificationTables();
+            }
+        }
     );
-    updateNotificationTables();
 });
 
 loadNotificationTable("#history-table", {