diff --git a/src/views/notifications.html b/src/views/notifications.html
index 73856606a..52053accf 100644
--- a/src/views/notifications.html
+++ b/src/views/notifications.html
@@ -9,7 +9,13 @@
     <h2><i class="fa fa-circle-notch fa-spin"></i></h2>
   </div>
 
-  <div ng-hide="notifications.notifications.length" class="text-center">All Caught Up!</div>
+  <div class="card" ng-hide="notifications.busy || notifications.notifications.length">
+    <div class="row">
+      <div class="col-xs-12">
+          <h3 class="text-center" style="margin: 20px;">All Caught Up!</h3>
+      </div>
+    </div>
+  </div>
 
   <div class="card notification-item" ng-repeat="notification in notifications.notifications">
     <div class="row">
diff --git a/src/views/notifications.js b/src/views/notifications.js
index 5cf11e26f..56bcb0356 100644
--- a/src/views/notifications.js
+++ b/src/views/notifications.js
@@ -26,6 +26,7 @@ angular.module('Application').controller('NotificationsController', ['$scope', '
         },
 
         showOld: function () {
+            $scope.notifications.busy = true;
             $scope.notifications.all = true;
             $scope.notifications.refresh();
         },