diff --git a/res/app/components/stf/common-ui/notifications/growl.css b/res/app/components/stf/common-ui/notifications/growl.css
index 8b2e5495..38c00d07 100644
--- a/res/app/components/stf/common-ui/notifications/growl.css
+++ b/res/app/components/stf/common-ui/notifications/growl.css
@@ -3,7 +3,7 @@
   top: 60px;
   right: 15px;
   float: right;
-  width: 250px;
+  /*width: 320px;*/
   z-index: 9999;
 }
 
diff --git a/res/app/components/stf/socket/socket-state/socket-state-directive.js b/res/app/components/stf/socket/socket-state/socket-state-directive.js
index e532caaa..aadcaa08 100644
--- a/res/app/components/stf/socket/socket-state/socket-state-directive.js
+++ b/res/app/components/stf/socket/socket-state/socket-state-directive.js
@@ -72,22 +72,22 @@ module.exports = function SocketStateDirectiveFactory(socket, growl, gettext) {
           } else {
             switch (newValue) {
               case 'disconnect':
-                growl.error('<h4>WebSocket</h4>' + gettext('Disconnected.'), {ttl: 2000})
+                growl.error('<h4>WebSocket</h4>' + gettext('Disconnected.<br />Socket connection was lost, try again reloading the page.'), {ttl: -1})
                 break;
               case 'connect_failed':
-                growl.error('<h4>WebSocket</h4>' + gettext('Error while connecting.'), {ttl: 2000})
+                growl.error('<h4>WebSocket</h4>' + gettext('Error while connecting.'), {ttl: -1})
                 break;
               case 'error':
-                growl.error('<h4>WebSocket</h4>' + gettext('Error.'), {ttl: 2000})
+                growl.error('<h4>WebSocket</h4>' + gettext('Error.'), {ttl: -1})
                 break;
               case 'reconnect_failed':
-                growl.error('<h4>WebSocket</h4>' + gettext('Error while reconnecting.'), {ttl: 2000})
+                growl.error('<h4>WebSocket</h4>' + gettext('Error while reconnecting.'), {ttl: -1})
                 break;
               case 'reconnect':
-                growl.success('<h4>WebSocket</h4>' + gettext('Reconnected successfully.'), {ttl: 10000})
+                growl.success('<h4>WebSocket</h4>' + gettext('Reconnected successfully.'), {ttl: -1})
                 break;
               case 'reconnecting':
-                growl.error('<h4>WebSocket</h4>' + gettext('Reconnecting...') + '<refresh-page></refresh-page>', {ttl: 10000})
+                growl.error('<h4>WebSocket</h4>' + gettext('Reconnecting...') + '<refresh-page></refresh-page>', {ttl: -1})
                 break;
             }
           }
diff --git a/res/app/views/index.jade b/res/app/views/index.jade
index d4bc9e99..9a0d5467 100644
--- a/res/app/views/index.jade
+++ b/res/app/views/index.jade
@@ -8,9 +8,9 @@ html
       div(pane).fill-height
         .pane-top-bar(pane, pane-anchor='north', pane-size='46px', pane-min='46px', pane-max='46px', pane-handle='')
           div(ng-include='"menu.jade"')
-        div(pane, pane-anchor='center').fill-height
           socket-state
           div(growl)
+        div(pane, pane-anchor='center').fill-height
           div(ng-view).fill-height
 
     script(src='/static/build/bundle.js')