diff --git a/src/index.html b/src/index.html
index a84f28547..3d29aac2f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -150,13 +150,14 @@
                         <li class="dropdown">
                             <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><img ng-src="{{user.gravatar}}" style="margin-top: -4px;"/> {{user.username}} <span class="badge badge-success" ng-show="notifications.length">{{ notifications.length }}</span> <span class="caret"></span></a>
                             <ul class="dropdown-menu" role="menu">
-                                <li><a href="#/account"><i class="fa fa-user fa-fw"></i> Account <span class="badge badge-success pull-right" ng-show="notifications.length">{{ notifications.length }}</span></a></li>
+                                <li><a href="#/account"><i class="fa fa-user fa-fw"></i> Account</a></li>
                                 <!-- <li ng-show="user.admin"><a href="#/tokens"><i class="fa fa-key fa-fw"></i> API Access</a></li> -->
                                 <li ng-show="user.admin"><a href="#/backups"><i class="fa fa-archive fa-fw"></i> Backups</a></li>
                                 <li ng-show="user.admin"><a href="#/domains"><i class="fa fa-globe fa-fw"></i> Domains & Certs</a></li>
                                 <li ng-show="user.admin"><a href="#/email"><i class="fa fa-envelope fa-fw"></i> Email</a></li>
                                 <li ng-show="user.admin"><a href="#/activity"><i class="fa fa-list-alt fa-fw"></i> Event Log</a></li>
                                 <li ng-show="user.admin"><a href="#/graphs"><i class="fa fa-chart-bar fa-fw"></i> Graphs</a></li>
+                                <li><a href="#/notifications"><i class="fa fa-bell fa-fw"></i> Notifications <span class="badge badge-success pull-right" ng-show="notifications.length">{{ notifications.length }}</span></a></li>
                                 <li ng-show="user.admin"><a href="#/settings"><i class="fa fa-wrench fa-fw"></i> Settings</a></li>
                                 <li ng-show="user.admin" class="divider"></li>
                                 <li ng-show="user.admin"><a href="#/support"><i class="fa fa-comment fa-fw"></i> Support</a></li>
diff --git a/src/js/index.js b/src/js/index.js
index 49b512c44..9c13885c8 100644
--- a/src/js/index.js
+++ b/src/js/index.js
@@ -96,6 +96,9 @@ app.config(['$routeProvider', function ($routeProvider) {
     }).when('/email/:domain', {
         controller: 'EmailController',
         templateUrl: 'views/email.html?<%= revision %>'
+    }).when('/notifications', {
+        controller: 'NotificationsController',
+        templateUrl: 'views/notifications.html?<%= revision %>'
     }).when('/settings', {
         controller: 'SettingsController',
         templateUrl: 'views/settings.html?<%= revision %>'
diff --git a/src/views/account.html b/src/views/account.html
index 94e739f82..827bf3554 100644
--- a/src/views/account.html
+++ b/src/views/account.html
@@ -285,48 +285,6 @@
 
   <br/>
 
-  <div class="text-left">
-    <h3>Notifications <button class="btn btn-xs btn-primary btn-outline pull-right" ng-click="notifications.clearAll()"><i class="fa fa-check"></i> Clear All</button> </h3>
-  </div>
-
-  <div class="card">
-    <div class="grid-item-top">
-      <div class="row" ng-show="notifications.busy">
-        <div class="col-lg-12 text-center">
-          <h2><i class="fa fa-circle-notch fa-spin"></i></h2>
-        </div>
-      </div>
-      <div class="row" ng-hide="notifications.busy">
-        <div class="col-xs-12">
-          <div ng-hide="notifications.notifications.length" class="text-center">All Caught Up!</div>
-          <table class="table table-hover">
-            <tbody ng-repeat="notification in notifications.notifications">
-              <tr ng-class="{ 'notification-details': notifications.activeNotification === notification }">
-                <td class="text-left hand elide-table-cell" ng-click="notifications.clicked(notification)">
-                  {{ notification.title }} <small class="text-muted" uib-tooltip="{{ notification.creationTime | prettyLongDate }}">{{ notification.creationTime | prettyDate }}</small>
-                </td>
-                <td class="text-right no-wrap" style="vertical-align: bottom">
-                  <button class="btn btn-xs btn-success" ng-hide="notification.acknowledged" ng-click="notifications.ack(notification)" uib-tooltip="Clear"><i class="fa fa-check"></i></button>
-                </td>
-              </tr>
-              <tr ng-show="notifications.activeNotification === notification" class="notification-details">
-                <td>{{ notification.message }}</td>
-                <td class="text-right no-wrap" style="vertical-align: bottom">
-                  <button class="btn btn-xs btn-primary" ng-show="notification.action" ng-click="notifications.action(notification)"><i class="fa fa-arrow-right"></i> Goto View</button>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-          <div class="col-md-12 text-center" ng-hide="notifications.all">
-            <button class="btn btn-outline btn-xs btn-default" ng-click="notifications.showOld()">Show older Notifications</button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <br/>
-
   <div class="text-left">
     <h3>API Tokens <button class="btn btn-xs btn-primary btn-outline pull-right" ng-click="tokenAdd.show(apiClient)"><i class="fa fa-plus"></i> New Token</button> </h3>
   </div>
diff --git a/src/views/account.js b/src/views/account.js
index ec340262b..431801074 100644
--- a/src/views/account.js
+++ b/src/views/account.js
@@ -381,62 +381,6 @@ angular.module('Application').controller('AccountController', ['$scope', 'Client
         });
     }
 
-    $scope.notifications = {
-        notifications: [],
-        activeNotification: null,
-        busy: true,
-        all: false,
-
-        refresh: function () {
-            Client.getNotifications($scope.notifications.all ? null : false, 1, 20, function (error, result) {
-                if (error) return console.error(error);
-
-                $scope.notifications.notifications = result;
-
-                $scope.notifications.busy = false;
-            });
-        },
-
-        showOld: function () {
-            $scope.notifications.all = true;
-            $scope.notifications.refresh();
-        },
-
-        clicked: function (notification) {
-            if ($scope.notifications.activeNotification === notification) return $scope.notifications.activeNotification = null;
-            $scope.notifications.activeNotification = notification;
-        },
-
-        ack: function (notification, callback) {
-            callback = callback || function (error) { if (error) console.error(error); };
-
-            Client.ackNotification(notification.id, function (error) {
-                if (error) return callback(error);
-
-                $scope.$parent.notificationAcknowledged(notification.id);
-                $scope.notifications.refresh();
-
-                callback();
-            });
-        },
-
-        action: function (notification) {
-            if (notification.action) window.location = notification.action;
-        },
-
-        clearAll: function () {
-            $scope.notifications.busy = true;
-
-            asyncForEach($scope.notifications.notifications, function (notification, callback) {
-                $scope.notifications.ack(notification, callback);
-            }, function (error) {
-                if (error) console.error(error);
-
-                $scope.notifications.busy = false;
-            });
-        }
-    };
-
     Client.onReady(function () {
         Client.getOAuthClients(function (error, activeClients) {
             if (error) return console.error(error);
@@ -453,8 +397,6 @@ angular.module('Application').controller('AccountController', ['$scope', 'Client
                 $scope.activeTokenCount += $scope.webadminClient ? $scope.webadminClient.activeTokens.length : 0;
             });
         });
-
-        $scope.notifications.refresh();
     });
 
     // setup all the dialog focus handling
diff --git a/src/views/notifications.html b/src/views/notifications.html
new file mode 100644
index 000000000..55e1829b6
--- /dev/null
+++ b/src/views/notifications.html
@@ -0,0 +1,43 @@
+
+<div class="content">
+
+  <div class="text-left">
+    <h1>Notifications <button class="btn btn-primary btn-outline pull-right" ng-click="notifications.clearAll()"><i class="fa fa-check"></i> Clear All</button></h1>
+  </div>
+
+  <div class="card">
+    <div class="grid-item-top">
+      <div class="row" ng-show="notifications.busy">
+        <div class="col-lg-12 text-center">
+          <h2><i class="fa fa-circle-notch fa-spin"></i></h2>
+        </div>
+      </div>
+      <div class="row" ng-hide="notifications.busy">
+        <div class="col-xs-12">
+          <div ng-hide="notifications.notifications.length" class="text-center">All Caught Up!</div>
+          <table class="table table-hover">
+            <tbody ng-repeat="notification in notifications.notifications">
+              <tr ng-class="{ 'notification-details': notifications.activeNotification === notification }">
+                <td class="text-left hand elide-table-cell" ng-click="notifications.clicked(notification)">
+                  {{ notification.title }} <small class="text-muted" uib-tooltip="{{ notification.creationTime | prettyLongDate }}">{{ notification.creationTime | prettyDate }}</small>
+                </td>
+                <td class="text-right no-wrap" style="vertical-align: bottom">
+                  <button class="btn btn-xs btn-success" ng-hide="notification.acknowledged" ng-click="notifications.ack(notification)" uib-tooltip="Clear"><i class="fa fa-check"></i></button>
+                </td>
+              </tr>
+              <tr ng-show="notifications.activeNotification === notification" class="notification-details">
+                <td>{{ notification.message }}</td>
+                <td class="text-right no-wrap" style="vertical-align: bottom">
+                  <button class="btn btn-xs btn-primary" ng-show="notification.action" ng-click="notifications.action(notification)"><i class="fa fa-arrow-right"></i> Goto View</button>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+          <div class="col-md-12 text-center" ng-hide="notifications.all">
+            <button class="btn btn-outline btn-xs btn-default" ng-click="notifications.showOld()">Show older Notifications</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/src/views/notifications.js b/src/views/notifications.js
new file mode 100644
index 000000000..bd99fdec7
--- /dev/null
+++ b/src/views/notifications.js
@@ -0,0 +1,67 @@
+'use strict';
+
+/* global asyncForEach:false */
+/* global angular:false */
+
+angular.module('Application').controller('NotificationsController', ['$scope', 'Client', function ($scope, Client) {
+
+    $scope.notifications = {
+        notifications: [],
+        activeNotification: null,
+        busy: true,
+        all: false,
+
+        refresh: function () {
+            Client.getNotifications($scope.notifications.all ? null : false, 1, 20, function (error, result) {
+                if (error) return console.error(error);
+
+                $scope.notifications.notifications = result;
+
+                $scope.notifications.busy = false;
+            });
+        },
+
+        showOld: function () {
+            $scope.notifications.all = true;
+            $scope.notifications.refresh();
+        },
+
+        clicked: function (notification) {
+            if ($scope.notifications.activeNotification === notification) return $scope.notifications.activeNotification = null;
+            $scope.notifications.activeNotification = notification;
+        },
+
+        ack: function (notification, callback) {
+            callback = callback || function (error) { if (error) console.error(error); };
+
+            Client.ackNotification(notification.id, function (error) {
+                if (error) return callback(error);
+
+                $scope.$parent.notificationAcknowledged(notification.id);
+                $scope.notifications.refresh();
+
+                callback();
+            });
+        },
+
+        action: function (notification) {
+            if (notification.action) window.location = notification.action;
+        },
+
+        clearAll: function () {
+            $scope.notifications.busy = true;
+
+            asyncForEach($scope.notifications.notifications, function (notification, callback) {
+                $scope.notifications.ack(notification, callback);
+            }, function (error) {
+                if (error) console.error(error);
+
+                $scope.notifications.busy = false;
+            });
+        }
+    };
+
+    Client.onReady(function () {
+        $scope.notifications.refresh();
+    });
+}]);