diff --git a/css/style.css b/css/style.css
index edf003e..1a0f40f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -21,18 +21,17 @@ input[type=checkbox], input[type=radio] {
 
 .alerts {
   position: fixed;
-  left: 1em;
-  right: 1em;
-  bottom: 1em;
+  _position: absolute;
+  right: 6px;
   z-index: 900;
-  margin: 0;
-  padding: 0;
-  background: white;
-  background: rgba(255,255,255,0.7);
+  width: 40%;
 }
+
 .alert {
-  margin: 1em;
-  border-width: 0.5ex;
+  float: right;
+  clear: right;
+  margin-bottom: 5px;
+  margin-top: 5px;
 }
 
 /* fix modal overflow on low resolutions */
diff --git a/index.html b/index.html
index dd8e507..a61791b 100755
--- a/index.html
+++ b/index.html
@@ -219,8 +219,8 @@
   <!-- {{{ alerts -->
   <div ng-controller="AlertCtrl" class="row-fluid alerts">
     <div class="alert alert-{{alert.type}}" ng-repeat="alert in pendingAlerts">
-      <span ng-bind-html="alert.msg"></span>
       <button type="button" class="close" ng-click="removeAlert($index)">x</button>
+      <span ng-bind-html="alert.msg"></span>
     </div>
   </div>
   <!-- }}} -->
diff --git a/js/ctrls/alert.js b/js/ctrls/alert.js
index 25ae640..4fec3d9 100644
--- a/js/ctrls/alert.js
+++ b/js/ctrls/alert.js
@@ -23,10 +23,10 @@ angular.module('webui.ctrls.alert', [
         scope.pendingAlerts[ind].expired = true;
 
         // only remove if more notifications are pending in the pipeline
-        if (scope.pendingAlerts.length > 1)
+        if (scope.pendingAlerts.length > 0)
           scope.removeAlert(ind);
       }
-    }, type == "error" ? 10000 : 3000);
+    }, type == "error" ? 15000 : 5000);
 
     scope.$digest();
   });