diff --git a/src/app/browser.coffee b/src/app/browser.coffee
index 31ac8535a8..0c853fa8cf 100644
--- a/src/app/browser.coffee
+++ b/src/app/browser.coffee
@@ -156,6 +156,7 @@ setupGrowlNotifications = (model) ->
     #don't show notifications if user dead
     return if user.get('stats.lvl') == 0
     $.bootstrapGrowl html,
+      ele: '#notification-area',
       type: type # (null, 'info', 'error', 'success')
       top_offset: 20
       align: 'right' # ('left', 'right', or 'center')
diff --git a/styles/app/index.styl b/styles/app/index.styl
index 7d96c44d20..d926b488d4 100644
--- a/styles/app/index.styl
+++ b/styles/app/index.styl
@@ -191,4 +191,9 @@ html,body,p,h1,ul,li,table,tr,th,td
 .notification-action
   vertical-align: baseline
 #reset-modal
-  z-index:1500
\ No newline at end of file
+  z-index:1500
+#notification-area
+  position: fixed;
+  top: 15px;
+  right: 15px;
+  z-index: 1001;
\ No newline at end of file
diff --git a/views/app/index.html b/views/app/index.html
index e85f7a07b9..03936e9422 100644
--- a/views/app/index.html
+++ b/views/app/index.html
@@ -309,6 +309,7 @@ do a find for the string after "→"
 
 <Body:>
   <br/>
+  <div id="notification-area"></div>
   <div id=wrap class="container-fluid">
 
     <app:alerts />